/*-----------------------------------------------------------------------------------*/
/*	会社情報用CSS　PC・SP
/*-----------------------------------------------------------------------------------*/



/*===============================================
●pc用.css 画面の横幅が641px以上（タブレット共通）
===============================================*/


#side-navi-green h3 {
	background-color: #5bb75b;
	color:#ffffff;
	font-size:17px;
	font-weight:bold;
	line-height:37px;
	text-align:center;
}

#create-01 {
	margin-top: 30px;
}

#create-011 {
	float:left;
}

#create-012 {
	float:right;
}

.create-box {
	height: 250px;
	width: 350px;
	background-image: url(../images/create/create-back.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.create-box h3 {
	color: #5bb75b;
	font-size: 19px;
	font-weight: bold;
	background-image: url(../images/create/green-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

.create-box-inner {
	width: 292px;
	margin: 0 auto;
	position: relative;
	top: 44px;
}

.create-box-inner a:hover img {
	filter:alpha(opacity=50);
	opacity:0.50;
}

.create-box-text {
	margin-top: 10px;
}

.create-box-text img {
	float: left;
}

.create-box-text p {
	font-size: 13px;
	float: right;
	width: 190px;
}

.c-dtail {
	margin-top:10px;
}





/*************** ホームページ制作 **************/
.homepage-page #key_box {
    background: url(../images/create/hp-title_key.jpg) no-repeat 0 0;
}

.homepage-page #key_box p .f_red{
	font-weight: bold;
}

#hp-01 {
	margin-top: 30px;
}

.hp-title-green {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	padding:10px 7px 10px 30px;
	background: #68c168; /* Old browsers */
background: -moz-linear-gradient(top,  #68c168 0%, #4fad4f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68c168), color-stop(100%,#4fad4f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #68c168 0%,#4fad4f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #68c168 0%,#4fad4f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #68c168 0%,#4fad4f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #68c168 0%,#4fad4f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68c168', endColorstr='#4fad4f',GradientType=0 ); /* IE6-9 */
	
}

#hp-point-01 {
	font-size: 18px;
	font-weight: bold;
	color: #e44744;
	background-image: url(../images/create/point-01.png);
	background-repeat: no-repeat;
	line-height:42px;
	padding-left:135px;
	margin:30px 0 10px;
}

#hp-point-02 {
	font-size: 18px;
	font-weight: bold;
	color: #e44744;
	background-image: url(../images/create/point-02.png);
	background-repeat: no-repeat;
	line-height:42px;
	padding-left:135px;
	margin:30px 0 10px;
}

#hp-point-03 {
	font-size: 18px;
	font-weight: bold;
	color: #e44744;
	background-image: url(../images/create/point-03.png);
	background-repeat: no-repeat;
	line-height:42px;
	padding-left:135px;
	margin:30px 0 10px;
}

.hp-gray {
	background-color:#f6f6f6;
	padding:15px 20px;
	color:#666666;
	font-weight:bold;
	font-size:15px;
	margin:10px 0;
}

.hp-gray strong {
	color:#ff0f16;
}

#hp-01 p a {
	color:#03F;
	text-decoration:underline;
}

#hp-02 {
	margin-top: 35px;
}

#hp-02 p {
	font-size:18px;
	font-weight:bold;
	margin-top:15px;
}

#hp-02 img {
	margin-top:10px;
}

#hp-03 {
	margin-top:30px;
	
}

#hp-03 img {
	float:left;
	display:inline;
	text-align:center;
	margin-left:1.5%;
	margin-bottom:10px;
}


#hp-03 a:hover img {
	filter:alpha(opacity=50);
	opacity:0.50;
}

#hp-go-forio {
	width:216px;
	margin:20px auto 30px auto;
}

#hp-go-forio a:hover img {
	filter:alpha(opacity=50);
	opacity:0.50;
}





/****************** レスポンシブデザイン *********************/
.responsive-page #key_box {
    background: url(../images/create/responsive-title_key.jpg) no-repeat 0 0;
}

.responsive-page #key_box p .f_red{
	font-weight: bold;
}

#responsive-01 {
	margin-top:30px;
}

#responsive-01 p {
	margin-top:10px;
}

#responshive-02 {
	margin-top:30px;
}

#responshive-02 dl {
	margin-top: 25px;
}

#responshive-02 dl dt {
	height:28px;
	color:#00579a;
	font-size: 18px;
	font-weight: bold;
	padding-left: 118px;
	
}

#responshive-02 dl dd {
	margin-top: 5px;
}

#merit-01 {
	background-image: url(../images/create/merit-01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#merit-02 {
	background-image: url(../images/create/merit-02.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#merit-03 {
	background-image: url(../images/create/merit-03.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#merit-04 {
	background-image: url(../images/create/merit-04.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#merit-05 {
	background-image: url(../images/create/merit-05.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#responsive-03 {
	margin-top:30px;
}

#responsive-03 ul {
}

#responsive-03 ul li {
	margin-top: 15px;
	border-bottom:dotted 1px #CCC;
	padding-bottom:10px;
}

#sono1 {
	background-image: url(../images/create/sono1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 65px;
	font-size: 16px;
	font-weight: bold;
}

#sono2 {
	background-image: url(../images/create/sono2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 65px;
	font-size: 16px;
	font-weight: bold;
}

#sono3 {
	background-image: url(../images/create/sono3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 65px;
	font-size: 16px;
	font-weight: bold;
}

#sono4 {
	background-image: url(../images/create/sono4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 65px;
	font-size: 16px;
	font-weight: bold;
}

#sono5 {
	background-image: url(../images/create/sono5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 65px;
	font-size: 16px;
	font-weight: bold;
}





/******************* ワードプレス ********************/
.wordpress-page #key_box {
    background: url(../images/create/wp-title_key.jpg) no-repeat 0 0;
}

.wordpress-page #key_box h2 .f_s{
	font-size: 24px;
}

.wordpress-page #key_box p .f_red{
	font-weight: bold;
}

#wp-01 {
	margin-top: 20px;
}

#wp-01 img {
	width: 192px;
	float: right;
}

#wp-01 p {
	float: left;
	width: 500px;
}

#wp-02 {
	margin-top: 30px;
}

#wp-02 p {
	margin-top: 12px;
}

#wp-02 ul li {
	font-size: 15px;
	font-weight: bold;
	background-image: url(../images/create/icon-finger.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	padding:0 0 8px 60px;
	border-bottom:dotted 1px #CCC;
}

#wp-03 {
	margin-top: 30px;
}

#wp-03 h4 {
	height: 36px;
	font-size: 18px;
	line-height: 38px;
	color: #116c96;
	margin-top: 20px;
}

#wp-03 h4 p {
	margin-left:148px;
}

#wp-031 {
	background-image: url(../images/create/wp-021.jpg);
	background-repeat: no-repeat;
}

#wp-032 {
	background-image: url(../images/create/wp-023.jpg);
	background-repeat: no-repeat;
}

#wp-033 {
	background-image: url(../images/create/wp-025.jpg);
	background-repeat: no-repeat;
}

#wp-034 {
	background-image: url(../images/create/wp-027.jpg);
	background-repeat: no-repeat;
}

.wp-box {
	
}

.wp-box p {
	float: left;
	width: 500px;
	margin-top: 10px;
}

.wp-box img {
	float: right;
}

#wp-04 {
	margin-top: 35px;
}

#wp-box-02 {
	float: left;
	margin-top:20px;
}

#wp-box-03 {
	margin-top:20px;
	float: right;
}

#wp-04 p.txt {
	width: 295px;
	margin: 0 auto;
	position: relative;
	top: -100px;
}

#wp-05 {
	margin-top: 35px;
}

#wp-05 table {
	margin-top:20px;
}

#wp-05 table tr {
	margin-bottom:10px;
}

#wp-05 table tr th {
	width: 26%;
	font-weight: bold;
	color: #ffffff;
	background-color: #116c96;
	vertical-align: middle;
}

#wp-05 table tr td {
	padding: 10px;
	background-color: #e7f0f4;
}





/****************** lp制作 **********************/
.lp_page #key_box {
    background: url(../images/create/lp-title_key.jpg) no-repeat 0 0;
}

.lp_page #key_box h2 .f_s{
	font-size: 24px;
}

.lp_page #key_box p .f_red{
	font-weight: bold;
}

#lp-01 {
	margin-top:20px;
}

#lp-011 {
	margin-top:20px;
	
}

#lp-011 h3 {
	background:#3eb134;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	padding:12px 0;
}

#lp-011-ai {

}

#lp-011-ai img {
	width: 360px;
	float:left;
}

#lp-011-ai p {
	float: right;
	width: 330px;
	font-size: 16px;
	margin-top: 60px;
}

#go-jisseki {
	margin:0 auto;
}

#lp-011 a:hover img {
	filter:alpha(opacity=50);
	opacity:0.50;
}

#lp-02 {
	margin-top: 35px;
}

.lp-021 {
	margin-top: 20px;
}

.flow-left {
	width: 480px;
	float:left;
}

.flow-left p {
	margin-top: 7px;
}

.lp-021 table {
	border-collapse:collapse;
	margin-top:15px;
}

.lp-021 table tr th {
	vertical-align:middle;
	border-bottom: dotted 1px #999;
}

.lp-021 table tr td {
	vertical-align:middle;
	border-bottom: dotted 1px #999;
	padding:5px;
}

#lp-attention {
	background-image: url(../images/create/lp-014.jpg);
	background-repeat: no-repeat;
	height: 191px;
	margin-top: 35px;
}

#lp-attention p {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	line-height: 1.9em;
	padding-top: 25px;
}

#lp-attention p strong {
	color:#e60012;
}




/**************** ecサイト構築 ****************/
.eccube-page #key_box {
    background: url(../images/create/ec-title_key.jpg) no-repeat 0 0;
}

.eccube-page #key_box p .f_red{
	font-weight: bold;
}
#ec-01 {
	margin-top: 30px;
}

#ec-011 {
	margin-top: 12px;
}

#ec-point-01 {
	height: 114px;
	width: 349px;
	background-image: url(../images/create/ec-01.jpg);
	background-repeat: no-repeat;
	float:left;
}

#ec-point-01 p {
	width:240px;
	font-size:13px;
	padding-left:95px;
	margin-top:17px;
}

#ec-point-02 {
	height: 114px;
	width: 349px;
	background-image: url(../images/create/ec-02.jpg);
	background-repeat: no-repeat;
	float:right;
}

#ec-point-02 p {
	width:240px;
	font-size:13px;
	padding-left:95px;
	margin-top:17px;
}

#ec-02 {
	margin-top:30px;
}

#ec-021 {
	margin-top: 15px;
}

#ec-021 img {
	float: left;
	margin:0 20px 10px 0;
}

#ec-021 p {
	width: 482px;
	float: right;
}

#ec-03 {
	margin-top: 30px;
}

#ec-031 {
	font-size: 19px;
	color: #ff4600;
	text-align: center;
	margin-top: 12px;
}

#ec-032 {
	margin-top: 15px;
}

.ec-box {
	width:168px;
	height:214px;
	float:left;
	margin:0 0 10px 9px;
}

#ecbox-01 {
	background-image:url(../images/create/ec-051.jpg);
	background-repeat:no-repeat;
}

#ecbox-02 {
	background-image:url(../images/create/ec-052.jpg);
	background-repeat:no-repeat;
}

#ecbox-03 {
	background-image:url(../images/create/ec-053.jpg);
	background-repeat:no-repeat;
}

#ecbox-04 {
	background-image:url(../images/create/ec-054.jpg);
	background-repeat:no-repeat;
}

#ecbox-05 {
	background-image:url(../images/create/ec-055.jpg);
	background-repeat:no-repeat;
}

#ecbox-06 {
	background-image:url(../images/create/ec-056.jpg);
	background-repeat:no-repeat;
}

#ecbox-07 {
	background-image:url(../images/create/ec-057.jpg);
	background-repeat:no-repeat;
}

#ecbox-08 {
	background-image:url(../images/create/ec-058.jpg);
	background-repeat:no-repeat;
}

.ec-box dl {
	position: relative;
	top: 50%;
	height:110px;
	color:#111111;
}

.ec-box dl dt {
	text-align:center;
	font-size:15px;
	border-top:solid 2px #CFCFCF;
	border-bottom:solid 2px #CFCFCF;
	font-weight:bold;
	margin-bottom:2px;
	padding:3px 0;
}

.ec-box dl dt span {
	color:#FD0726;
}

.ec-box dl dd {
	width:90%;
	margin:0 auto;
	font-size:13px;
	line-height:1.3em;
}

#shita {
	margin:10px auto 0 auto;
}

#ec-04 {
	margin:30px 0;
}

#ec-041 {
	margin-top:15px;
}

#ec-041 dl {
	width: 230px;
	float:left;
	margin:0 0 10px 7px;
}

#ec-041 dl dd {
	background-image: url(../images/create/icon-red.jpg);
	background-repeat: no-repeat;
	background-position: 30px center;
	padding:8px 0 8px 55px;
	border-bottom:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	border-right:solid 1px #dcdcdc;
}





/*********************** lpo **************************/

#lpo-01 {
	margin-top:30px;
}

#lpo-011 {
	margin:15px 0;
	border-top:solid 2px #000000;
	border-bottom:solid 2px #000000;
	padding:10px;
	color:#000000;
}

#lpo-attention {
	background-image: url(../images/create/lpo-07.jpg);
	background-repeat: no-repeat;
	height: 156px;
	margin-top: 35px;
}

#lpo-attention p {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	line-height: 1.9em;
	padding-top: 25px;
}

#lpo-attention p strong {
	color:#e60012;
}



/******************* バナー作成 ********************/
.banner-page #key_box{
	background: url(../images/create/banner_key.jpg) no-repeat 0 0;
}

.banner-page h3{
	margin:0px 0 15px;
}
.banner-page article{
	margin-top: 30px;
}

#banner-02 .box_01{
	overflow: hidden;
	margin-bottom: 20px;

}

#banner-02 .box_01 + div{
	clear: both;
}

#banner-02 .box_01 .left{
	float: left;
}

#banner-02 .box_01 .right{
	float: right;
	width: 330px;
}

#banner-02 h4{
	font-size: 14px;
	margin-bottom: 10px;
}

#banner-02 ul{
	padding: 10px;
	border: 1px solid #ccc;
}

#banner-03 p:not(:last-child){
	margin-bottom: 10px;
}

.banner-page .link a{
	color: #fff;
	display: block;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	font-size: 18px;
	margin-top: 20px;
	background: #ff9700;
	background: -moz-linear-gradient(top, #ff9700 50%, #ffac34 50%);
	background: -webkit-linear-gradient(top, #ff9700 50%,#ffac34 50%);
	background: linear-gradient(to bottom, #ff9700 50%,#ffac34 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9700', endColorstr='#ffac34',GradientType=0 );
}

.banner-page .link a:hover{
	opacity: 0.8;
}

#banner-04 p{
	margin-bottom: 10px;
}

#banner-04 .link{
	margin-bottom: 20px;
}

#banner-04 li{
	background: #f9fbe5;
	padding: 10px 10px 10px 2em;
	margin-bottom: 20px;
	text-indent: -1em;
	border: 1px solid #fedc01;
}

#banner-attention {
    background-image: url(../images/create/lp-014.jpg);
    background-repeat: no-repeat;
    height: 191px;
    margin-top: 35px;
}

#banner-attention p {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	line-height: 1.9em;
	padding-top: 25px;
}

#banner-attention p strong {
    color: #e60012;
}

/******************* LPO（ランディングページ最適化） ********************/
.lpo_02-page #key_box{
	background: url(../images/create/LPO_key.jpg) no-repeat 0 0;
}
.lpo_02-page h3{
	margin:0px 0 15px;
}

.lpo_02-page article{
	margin-top: 30px;	
}

/**/
.lpo_mainv{
    margin-top: 20px;
}
.lpo_02-page .lpo_index{
    border: 1px solid #EBEBEB;
    margin-top: 2em;
    padding: 1.5em;
}
.lpo_02-page .lpo_index h3{
    font-size: 18px;
    font-weight: bold;
}
.lpo_02-page .lpo_index ul > li::before{
    color: #64BD64;
    content: ">";
    font-weight: bold;
    display: inline-block;
    margin-right: 0.5em;
}
.lpo_02-page .lpo_index ul > li{
    border-bottom: 1px dotted #64BD64;
    text-indent: -0.5em;
    padding: 1em;
}
.lpo_02-page .lpo_index ul > li > ol{
    margin-top: 10px;
    margin-left: 1em;
}
.lpo_02-page .lpo_index ul > li > ol > li{
    counter-increment: lpoIndex;
    padding: 0.25em 0;
}
.lpo_02-page .lpo_index ul > li > ol > li::before{
    content: counter(lpoIndex)" - ";
}
.lpo_02-page article h4{
    background: #F4F4F4;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.8em;
    margin-bottom: 1em;
    border-left: 5px solid #F39800;
}
.lpo_02-page article p{
    line-height: 1.8;
    font-size: 15px;
    margin-bottom: 1.5em;
}
.lpo_02-page article p strong{
    background-color: #fffc92;
}
.lpo_02-page article ul{
    border: 5px double #64BD64;
    border-radius: 5px;
    padding: 1.5em;
    margin-bottom: 1.5em;
}
.lpo_02-page article ul li{
    text-indent: -0.7em;
    margin-left: 1em;
    margin-bottom: 1em;
    font-weight: bold;
}
.lpo_02-page article ul li:last-of-type{
    margin-bottom: 0;
}
.lpo_02-page article ul li::before{
    content: " ";
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    border: 0.3rem solid #fff;
    border-left: 0.3rem solid #64BD64;
    display: inline-block;
    margin-right: 0.8em;
}
#contact-box{
    background-image: url(../images/top&base/contact-box_soudan_mitsumori.jpg);
}

#lpo_02-04-06 > ul,#lpo_02-04-06 > ul > li > ul{
    border: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
#lpo_02-04-06 > ul > li > ul{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 15px;
}
#lpo_02-04-06 > ul > li{
    width: 182px;
    margin: 0;
    font-size: 14px;
}
#lpo_02-04-06 > ul > li::before{
    display: none;
}
#lpo_02-04-06 > ul > li > ul > li{
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 0.6em;
    line-height: 1.2;
}
#lpo_02-04-06 > ul > li > ul > li::before{
    content: "・";
    font-size: 13px;
    border: 0;
}
/**/


#lpo_02-01 p.tit_01{
	margin-bottom: 10px;
	font-size: 140%;
	font-weight: bold;
	color: #00639a;
	background: #e6eff6;
	padding: 10px;
	line-height: 1.3;
}

#lpo_02-01 p.mb_10{
	margin-bottom: 10px;
}

#lpo_02-01 .box_01{
	overflow: hidden;
	margin-bottom: 20px;
}

#lpo_02-01 .box_01 + div{
	clear: both;
}

#lpo_02-01 .box_01 .left{
	float: left;
	width: 330px;
}

#lpo_02-01 .box_01 .right{
	float: right;

}

#lpo_02-01 .box_02{
	overflow: hidden;
	margin-bottom: 20px;
}

#lpo_02-01 .box_02 + div{
	clear: both;
}

#lpo_02-01 .box_02 .left{
	float: left;
}

#lpo_02-01 .box_02 .right{
	float: right;
	width: 330px;
}

#lpo_02-01 .box_03{
	overflow: hidden;
	margin-bottom: 20px;
}

#lpo_02-01 .txt_01{
	color: #fff;
	text-align: center;
	background: #000;
	padding: 10px 0;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 10px;
}

#lpo_02-02 .mt_20{
	margin-top: 20px;
}

#lpo_02-02 .kaizen_01{
	overflow: hidden;	
}

#lpo_02-02 .kaizen_01 .photo_01{
	float: left;
}

#lpo_02-02 .kaizen_01 .kaizen_txt{
    float: left;
    margin-left: 28px;
}

#lpo_02-02 .kaizen_01 .kaizen_txt .txt_01{
	color: #fff;
	background: #FF0004;
	padding: 7px 10px 5px;
	border-radius: 10px;
	font-size: 16px;
	width: 4em;
	line-height: 1em;
	margin-bottom: 20px;
}

#lpo_02-02 .kaizen_01 .kaizen_txt .txt_02{
	font-size: 16px;
	margin-bottom: 15px;
}


#lpo_02-02 .kaizen_01 .kaizen_txt .f_s{
	font-size: 12px;
}

#lpo_02-02 .kaizen_01 .kensu{
	overflow: hidden;
	margin-bottom: 20px;
}

#lpo_02-02 .kaizen_01 .kensu p{
	float: left;
	font-size: 16px;
}

#lpo_02-02 .kaizen_01 .kensu p .f_l{
	font-size: 28px;
	line-height: 1.2;
}

#lpo_02-02 .kaizen_01 .kensu_02{
	clear: both;
	overflow: hidden;
	border: 1px solid #ccc;
}

#lpo_02-02 .kaizen_01 .kensu_02 p{
	float: left;
	padding: 12px 10px 10px;
}

#lpo_02-02 .kaizen_01 .kensu_02 p.txt_03{
	width: 9em;
	font-size: 20px;
	text-align: center;
}



#lpo_02-02 .kaizen_01 .kensu_02 p + p{
	border-left: 1px solid #ccc;
	font-size: 26px;
	font-weight: bold;
	width: 240px;
}

#lpo_02-02 .kaizen_01 .kensu_02 p + p .f_l{
	font-size: 28px;
}

#lpo_02-02 .kaizen_01 .kensu_02 p + p .f_red{
	color: #FF0004;
}

#lpo_02-03 dt{
    font-size: 140%;
    font-weight: bold;
    color: #00639a;
    background: #e6eff6;
	margin-bottom: 10px;
}
 #lpo_02-03 dt span {
    background: #00639a;
    display: inline-block;
    padding: 10px;
    margin-right: 10px;
    color: #fff;
}

#lpo_02-03 dd{
	margin-bottom: 20px;
}

#lpo_02-attention {
    background-image: url(../images/create/lp-015.jpg);
    background-repeat: no-repeat;
    height: 251px;
    margin-top: 35px;
}

#lpo_02-attention p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.9em;
	padding: 0 25px;
}
#lpo_02-attention p.txt_01{
	margin-bottom: 10px;
	padding: 25px 25px 0 25px;
}

#lpo_02-attention p.mb_10{
	margin-bottom: 10px;
}

#lpo_02-attention p strong {
    color: #e60012;
}

/******************* EFO（ エントリーフォーム最適化） ********************/
.efo-page #key_box{
	background: url(../images/create/EFO_key.jpg) no-repeat 0 0;
}
.efo-page article{
	margin-top: 30px;	
}

.efo-page h3{
	margin:0px 0 15px;
}

#efo-01 p.mb_10{
	margin-bottom: 10px;
}

#efo-02 ul{
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}


#efo-02 .box_01{
	overflow: hidden;
	margin-bottom: 20px;
}

#efo-02 .box_01 + div{
	clear: both;
}

#efo-02 .box_01 .left{
	float: left;
	width: 490px;
}

#efo-02 .box_01 .left dt{
	margin-bottom: 10px;
}

#efo-02 .box_01 .right {
    float: right;
    width: 28%;
    margin-top: 40px;
}

#efo-02 .box_01 .right_02 {
    margin-top: 50px;
}

#efo-02 .box_01 dt{
	font-size: 120%;
	font-weight: bold;
	color: #00639a;
	background: #e6eff6;
	margin-bottom: 10px;
	overflow: hidden;
}

#efo-02 .box_01 dt span.num{
    background: #00639a;
    display: block;
    padding: 10px;
    margin-right: 10px;
    color: #fff;
	float: left;
}


#efo-02 .box_01 dt span.txt_01{
	float: left;
	width: 80%;
	padding: 10px 0;
}

#efo-02 .box_01 dt span.txt_02{
	float: left;
	width: 80%;
	padding: 10px 0;
}

#efo-02 .box_01 dt span.txt_03 {
    width: 85%;
}

#efo-02 .box_01 dd{
	clear: both;
}

#efo-attention {
    background-image: url(../images/create/lp-014.jpg);
    background-repeat: no-repeat;
    height: 191px;
    margin-top: 35px;
}

#efo-attention p {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 1.9em;
	padding: 0 20px;
}

#efo-attention p.txt_01 {
	padding-top: 25px;
}

/******************* web アウトソーシング、ホームページ保守管理サポート ********************/
.support-page #key_box{
	background: url(../images/create/support_key.jpg) no-repeat 0 0;
}
.support-page article{
	margin-top: 30px;	
}

.support-page h3{
	margin:0px 0 15px;
}

#support-01 .box_01{
	overflow: hidden;
	margin-bottom: 20px;
}

#support-01 .box_01 + div,
#support-01 .box_01 + h3{
	clear: both;
}

#support-01 .box_01 .left{
	float: left;
	width: 33%;
	margin-left: 59px;
}

#support-01 .box_01 .right{
	float: right;
	width: 384px;
}

#support-01 .box_01 .right li{
	padding-left: 1em;
	text-indent: -1em;
}

#support-02 .mb_10{
	margin-bottom: 10px;
}

#support-02 .box_02{
	margin-bottom: 20px;
}

#support-02 .box_02 + p{
	clear: both;
}

#support-02 .box_02 .left{
	margin-bottom: 20px;
}

#support-02 .box_02 .right{
	width: 100%;
}

#support-02 .box_02 table{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: inherit;
}

#support-02 .box_02 table th,
#support-02 .box_02 table td{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.3;
	vertical-align: middle;
	width: 33%;
}

#support-02 .box_02 table tr.bg_green th{
	background: #8dc553;
	color: #fff;
	text-align: center;
}

#support-02 .box_02 table tr.bg_green th:first-child{
	background: #eee;
}

#support-02 .box_03{
	border: 1px solid #006732;
	padding: 10px;
}

#support-02 .box_03 h4{
	color: #fff;
	background: #006732;
	padding: 3px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
}

#support-02 .box_03 li{
	padding-left: 1em;
	text-indent: -1em;
}

#support-02 .box_03 li:not(:last-child){
	margin-bottom: 5px;
}


#support-03 .mb_10{
	margin-bottom: 10px;
}

#support-03 .mb_15{
	margin-bottom: 15px;
}

#support-03 .box_04 dt{
	margin-bottom: 5px;
	font-weight: bold;
}

#support-attention {
    background-image: url(../images/create/lp-014.jpg);
    background-repeat: no-repeat;
    height: 191px;
    margin-top: 35px;
}

#support-attention p {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	line-height: 1.9em;

}

#support-attention p.txt_01 {
	padding-top: 14px;
	margin-bottom: 5px;
}

/******************* ホームページ作成のフローを解説 ********************/
.flow-page article{
	margin-top: 30px;	
}

.flow-page h3{
	margin:0px 0 15px;
}

.flow-page .mb_10{
	margin-bottom: 10px;
}

.flow-page .mb_20{
	margin-bottom: 20px;
}

.flow-page h4{
	font-size: 140%;
	font-weight: bold;
	color: #00639a;
	background: #e6eff6;
	margin-bottom: 10px;
}

.flow-page h4 span {
    background: #00639a;
    display: inline-block;
    padding: 10px;
    margin-right: 10px;
    color: #fff;
}


#flow-02 .box_01{
	overflow: hidden;
	margin-bottom: 20px;
}

#flow-02 .box_01 + div,
#support-01 .box_01 + h4{
	clear: both;
}

#flow-02 .box_01 .left{
	float: left;
    width: 410px;
}

#flow-02 .box_01 .right{
	float: right;
}

#flow-02 .box_02{
	overflow: hidden;
	margin-bottom: 20px;
}


#flow-02 .box_02 + div,
#support-01 .box_01 + h4{
	clear: both;
}

#flow-02 .box_02 .left{
	float: left;
	width: 435px;
}

#flow-02 .box_02 .right{
	float: right;
	width: 280px;
}

#flow-02 .flow_06 .left,
#flow-02 .flow_07 .left,
#flow-02 .flow_08 .left{
    float: left;
    width: 500px;
}

#flow-02 .flow_06 .right,
#flow-02 .flow_07 .right,
#flow-02 .flow_08 .right{
    width: 210px;
}

#flow-02 .flow_07 .right{
	margin-top: -64px;
}



#flow-attention {
    background: url(../images/marketing/marketing-black.png) repeat left top;
    padding: 10px;
    margin: 25px 0px;
    vertical-align: middle;
    height: auto;
}

#flow-attention .sp_box{
	background: #fff;
}

#flow-attention p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.9em;
	padding-bottom: 15px;

}

#flow-attention p.txt_01{
    padding-top: 15px;
}

/******************* EC サイト構築の流れ ********************/
.ec-page article{
	margin-top: 30px;	
}

.ec-page h3{
	margin:0px 0 15px;
}

.ec-page h4{
	font-size: 140%;
	font-weight: bold;
	color: #00639a;
	background: #e6eff6;
	margin-bottom: 10px;
}

.ec-page h4 span {
    background: #00639a;
    display: inline-block;
    padding: 10px;
    margin-right: 10px;
    color: #fff;
}

.ec-page .mb_10{
	margin-bottom: 10px;
}

.ec-page .mb_20{
	margin-bottom: 20px;
}

.ec-page #key_box{
	background: url(../images/create/ECnagare_key.jpg) no-repeat 0 0;
}


#ec_flow-02 .box_01{
	overflow: hidden;
	margin-bottom: 20px;
}

#ec_flow-02 .box_01 + div,
#ec_flow-02 .box_01 + h4{
	clear: both;
}

#ec_flow-02 .box_01 .left{
	float: left;
}

#ec_flow-02 .box_01 .right{
	float: right;
	width: 330px;
}

#ec_flow-02 .box_02{
	overflow: hidden;
	margin-bottom: 20px;
}

#ec_flow-02 .box_02 + div,
#ec_flow-02 .box_02 + h4{
	clear: both;
}

#ec_flow-02 .box_02 .left{
	float: left;
	width: 330px;
}

#ec_flow-02 .box_02 .right{
	float: right;
}

#ec_flow-attention{
    background: url(../images/marketing/marketing-black.png) repeat left top;
    padding: 10px;
    margin: 25px 0px;
    vertical-align: middle;
	height: auto;
}

#ec_flow-attention p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.9em;
	padding: 0 14px;

}

#ec_flow-attention p:not(:last-child){
	margin-bottom: 18px;
}
	
#ec_flow-attention .sp_box{
	background: #fff;
	padding: 25px 0;
}
	
#ec_flow-attention p.txt_01 {
    padding: 10px 25px 0 25px;
}

/******************* 協力パートナー募集 ********************/
.partner-page #key_box{
	background: url(../images/create/partner_key.jpg) no-repeat 0 0;
}
.partner-page .mb_10{
	margin-bottom: 10px;
}
.partner-page article{
	margin-top: 30px;	
}

.partner-page h3{
	margin:0px 0 15px;
}

/******************* システム開発 ********************/
.system-page #key_box{
	background: url(../images/create/system_key.jpg) no-repeat 0 0;
}

.system-page #key_box p{
	width: 77%;
}

.system-page article{
	margin-top: 30px;	
}

.system-page h3{
	margin:0px 0 15px;
}

.system-page .mb_10{
	margin-bottom: 10px;
}

.system-page .box_01{
	margin-bottom: 30px;
	padding: 0px;
}

.system-page .box_01 + div,
.system-page .box_01 + h4{
	clear: both;
}

.system-page .box_01 .left{
	width: 500px;
}

.system-page .box_01 .left dt{
	font-size: 120%;
	font-weight: bold;
	color: #00639a;
	background: #e6eff6;
	margin-bottom: 10px;
}

.system-page .box_01 .left dt span {
    background: #00639a;
    display: inline-block;
    padding:5px 10px;
    margin-right: 10px;
    color: #fff;
}


.system-page .box_01 .right{
	float: right;
}

#system-attention{
    background: url(../images/marketing/marketing-black.png) repeat left top;
    padding: 10px;
    margin: 25px 0px;
    vertical-align: middle;
	height: auto;
}

#system-attention p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.9em;
	padding: 0 25px;

}

#system-attention p:not(:last-child){
	margin-bottom: 18px;
}
	
#system-attention .sp_box{
	background: #fff;
	padding: 25px 0;
}
	
#system-attention p.txt_01 {
    padding: 10px 25px 0 25px;
}

/******************* AB テスト（ ********************/
.ab_test-page #key_box{
	background: url(../images/create/AB_key.jpg) no-repeat 0 0;
}

.ab_test-page #key_box P{
	width: 75%;
}
.ab_test-page article{
	margin-top: 30px;	
}

.ab_test-page h3{
	margin:0px 0 15px;
}

.ab_test-page .mb_10{
	margin-bottom: 10px;
}

#ab_test-02 .box_01{
	position: relative;
}

#ab_test-02 .box_01 .txt_01{
	position: absolute;
	width: 177px;
	right: 0;
	top: 83px;
	color: #fff;
}

#ab_test-attention{
    background: url(../images/marketing/marketing-black.png) repeat left top;
    padding: 10px;
    margin: 25px 0px;
    vertical-align: middle;
	height: auto;
}

#ab_test-attention p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.9em;
	padding: 0 25px;

}

#ab_test-attention p:not(:last-child){
	margin-bottom: 18px;
}
	
#ab_test-attention .sp_box{
	background: #fff;
	padding: 25px 0;
}
	
#ab_test-attention p.txt_01 {
    padding: 10px 25px 0 25px;
}

@media screen and (min-width:641px){
	
#key_box{
	width: 720px;
	height: 180px;
	padding: 45px 0 0 35px;
	box-sizing: border-box;
}

#key_box h2{
	color: #5db858;
	font-size: 28px;
}
	
.eccube-page #key_box h2,
.lp_page #key_box h2,
.homepage-page #key_box h2,
.responsive-page #key_box h2,
.wordpress-page #key_box h2{
	font-size: 32px;
}
#key_box p{
	margin-top: 30px;
	line-height: 1.4;
	font-size: 14px;
}
	
.eccube-page #key_box p,
.lp_page #key_box p,
.homepage-page #key_box p,
.responsive-page #key_box p,
.wordpress-page #key_box p{
	font-size: 18px;
}
	
.support-page #key_box{
	padding: 30px 0 0 35px;
}

.support-page #key_box h2{
	line-height: 1.2;
}

.support-page #key_box p{
	width: 65%;
	margin-top: 25px;
}
/******************* ホームページ作成のフローを解説 ********************/
	.flow-page #key_box{
		background: url(../images/create/HPnagare_key.jpg) no-repeat 0 0;
	}
	.flow-page .relative{
		position: relative;
	}
	
	.flow-page .relative .right{
		position: absolute;
		top: 50%;
		margin-top: -90px;
		right: 15px;
		width: 277px;
	}



/******************* システム開発 ********************/
	
	.system-page .box_01{
		position: relative;
	}
	.system-page .box_01 .right {
		position: absolute;
		top: 50%;
		margin-top: -54px;
		right: 0;
		width: 28%;
	}
/******************* LPO ********************/
    #lpo_02-04-06 > ul > li:last-of-type{
        width: 172px;
    }
}



/*===============================================
●smartphone用.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	
#key_box{
	height: 0;
    padding-top: 25%;
    background-size: cover !important;
}
	

	


#key_box h2{
    color: #5db858;
    font-size: 22px;
    margin: -22% 0 0 2%;
}

#key_box p{
    margin: 10px 0 0 2%;
    line-height: 1.4;
    font-size: 14px;
    width: 72%;
}
	
#key_box p br{
	display: none;
}
	
.support-page #key_box p{
	width: 63%;
}

	
#lpo_02-02 .kaizen_01 .photo_01 {
    float: left;
    width: 130px;
}
	
#lpo_02-02 .kaizen_01 .kaizen_txt {
    float: left;
    margin-left: 10px;
}

#lpo_02-02 .kaizen_01 .kaizen_txt .txt_01{
	margin-bottom: 7px;
}
	
#lpo_02-02 .kaizen_01 .kaizen_txt .txt_02{
	margin-bottom: 7px;
}
	
#lpo_02-02 .kaizen_01 .kensu{
	margin-bottom: 7px;
}

#lpo_02-02 .kaizen_01 .kensu_02 p.txt_03{
	font-size: 16px;
}
	
#lpo_02-02 .kaizen_01 .kensu_02 p {
    padding: 8px 10px 6px;
}
	
#lpo_02-02 .kaizen_01 .kensu_02 p + p{
	font-size: 24px;
}
	
#lpo_02-02 .kaizen_01 .kensu_02 p + p .f_l {
    font-size: 26px;
}

/**/
.lpo_02-page article p{
    padding: 0 10px;
}
.lpo_02-page article ul,.lpo_02-page .lpo_index{
    margin-right: 10px;
    margin-left: 10px;
}
    
#lpo_02-04-06 > ul{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
    #lpo_02-04-06 > ul > li{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: 100%;
        -ms-align-items: center;
        align-items: center;
    }
        #lpo_02-04-06 > ul > li > p{
            width: 55%;
    }
            #lpo_02-04-06 > ul > li > ul{
                width: 45%;
    }
            #lpo_02-04-06 > ul > li > ul > li{
                font-size: 3vw;
                line-height: 1.3;
    }
    .lpo_02-page article #lpo_02-04-06 > ul > li >p{
        margin-bottom: 0;
        
    }
/**/
/******************* バナー作成 ********************/

.banner-page .link a{
	height: auto;
	line-height:normal;
	font-size: 16px;
	padding:10px;
	text-align: left;
}
#banner-02 .box_01 .left {
    float: none;
	width: 100%;
	margin-bottom: 10px;
}

#banner-02 .box_01 .left img{
	width: 100%;
}
	
#banner-02 .box_01 .right {
    float: none;
    width: auto;
}
	
#banner-attention {
    background: url(../images/marketing/marketing-black.png) repeat left top;
    padding: 10px;
    margin: 25px 0px;
    vertical-align: middle;
	width: auto;
	height: auto;
}
	
#banner-attention p{
	margin-bottom: 0;
	padding-bottom: 10px;
	background: #fff;
}
	
/******************* バナー作成_end ********************/

	
/******************* LPO（ランディングページ最適化） ********************/
#lpo_02-01 .box_01 .left {
    float: none;
    width: auto;
}
	
#lpo_02-01 .box_01 .right {
    float: none;
	width: 100%;
	margin-bottom: 10px;
}
	
#lpo_02-01 .box_01 .right img{
	width: 100%;
}
	
#lpo_02-01 .box_02 .left {
    float: none;
	width: 100%;
	margin-bottom: 10px;
}
	
#lpo_02-01 .box_02 .left img{
	width: 100%;
}
	
#lpo_02-01 .box_02 .right {
    float: none;
    width: auto;
}
	
#lpo_02-attention{
    background: url(../images/marketing/marketing-black.png) repeat left top;
    padding: 10px;
    margin: 25px 0px;
    vertical-align: middle;
	height: auto;
}
	
#lpo_02-attention .sp_box{
	background: #fff;
}
	
#lpo_02-attention p.txt_01 {
    padding: 10px 25px 0 25px;
}

/******************* LPO（ランディングページ最適化）_end ********************/
	
	
	
/******************* EFO（ エントリーフォーム最適化） ********************/
	
#efo-02 .box_01 .left{
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
	
#efo-02 .box_01 .left img{
	width: 100%;
}

#efo-02 .box_01 .right{
	float: none;
	width: auto;
}


#efo-02 .box_02 .left{
	float: none;
	width: auto;
	margin-bottom: 10px;
}


#efo-02 .box_02 .right{
	float: none;
	width: 100%;
}
	
#efo-02 .box_02 .right img{
	width: 100%;
}
	
	
#efo-02 .box_01 dt span.num_02, 
#efo-02 .box_02 dt span.num_02 {
	height: auto;
	line-height:normal;
}

#efo-02 .box_01 dt span.txt_02, 
#efo-02 .box_02 dt span.txt_02 {
	padding: 10px 0px;
	line-height:normal;
}
	
#efo-attention{
    background: url(../images/marketing/marketing-black.png) repeat left top;
    padding: 10px;
    margin: 25px 0px;
    vertical-align: middle;
	height: auto;
}
	
#efo-attention .sp_box{
	background: #fff;
}
	
#efo-attention p.txt_01 {
    padding: 10px 25px 0 25px;
}

/******************* EFO（ エントリーフォーム最適化）_end ********************/
	
	
	

/******************* web アウトソーシング、ホームページ保守管理サポート ********************/
#support-01 .box_01 .left{
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
	
#support-01 .box_01 .left img{
	width: 100%;
}

#support-01 .box_01 .right{
	float: none;
	width: auto;
}
	
#support-02 .box_02 .left{
	float: none;
	width: 100%;
	margin-bottom: 10px;
}

#support-02 .box_02 .left img{
	width: 100%;
}

#support-02 .box_02 .right{
	float: none;
	width: 100%;
}

#support-02 .box_02 table{
	width: 100%;
}
	
#support-attention{
    background: url(../images/marketing/marketing-black.png) repeat left top;
    padding: 10px;
    margin: 25px 0px;
    vertical-align: middle;
	height: auto;
}
	
#support-attention .sp_box{
	background: #fff;
}
	
#support-attention p.txt_01 {
    padding: 10px 25px 0 25px;
}
	
/******************* web アウトソーシング、ホームページ保守管理サポート_end ********************/
	
	
/******************* ホームページ作成のフローを解説 ********************/

#flow-02 .box_01 .left{
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
#flow-02 .box_01 .left img{
	width: 100%;
}

#flow-02 .box_01 .right{
	float: none;
	width: auto;
}


#flow-02 .box_02 .left{
	float: none;
	width: auto;
	margin-bottom: 10px;
}

#flow-02 .box_02 .right{
	float: none;
	width: 100%;
}	
#flow-02 .box_02 .right img{
	width: 100%;
}

#flow-attention{
    background: url(../images/marketing/marketing-black.png) repeat left top;
    padding: 10px;
    margin: 25px 0px;
    vertical-align: middle;
	height: auto;
}
	
#flow-attention .sp_box{
	background: #fff;
}
	
#flow-attention p.txt_01 {
    padding: 10px 25px 0 25px;
}
	
/******************* ホームページ作成のフローを解説_end ********************/
	
	
/******************* EC サイト構築の流れ ********************/
	
#ec_flow-02 .box_01 .left{
	float:none;
	width: 100%;
	margin-bottom: 10px;
}
	
#ec_flow-02 .box_01 .left img{
	width: 100%;
}

#ec_flow-02 .box_01 .right{
	float: none;
	width: auto;
}

#ec_flow-02 .box_02 .left{
	float: none;
	width: auto;
	margin-bottom: 10px;
}

#ec_flow-02 .box_02 .right{
	float: none;
	width: 100%;
}
	
#ec_flow-02 .box_02 .right img{
	width: 100%;
}

	
/******************* EC サイト構築の流れ_end********************/
	
	
/******************* システム開発 ********************/

.system-page .box_01 .left{
	float: none;
	width: auto;
	margin-bottom: 10px;
}

.system-page .box_01 .left dt{
	font-size: 90%;
}

.system-page .box_01 .left dt span {
    background: #00639a;
    display: inline-block;
    padding:5px 10px;
    margin-right: 10px;
    color: #fff;
}


.system-page .box_01 .right{
	float: none;
	width: 100%;
}
	
.system-page .box_01 .right img{
	width: 100%;
}	

/******************* システム開発_end ********************/	
	
.hp-title-green {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding:10px 7px 10px 10px;
	background: #68c168; /* Old browsers */
background: -moz-linear-gradient(top,  #68c168 0%, #4fad4f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68c168), color-stop(100%,#4fad4f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #68c168 0%,#4fad4f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #68c168 0%,#4fad4f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #68c168 0%,#4fad4f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #68c168 0%,#4fad4f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68c168', endColorstr='#4fad4f',GradientType=0 ); /* IE6-9 */
	
}

#create-01 {
	padding-top: 30px;
}

#create-menu h3 {
	background-color:#5bb75b;
	color:#ffffff;
	font-size:17px;
	font-weight:bold;
	padding:10px 0 10px 20px;
}

#create-menu ul li  {
	color: #666666;
}

#create-01 {
	width:96%;
	margin:0 auto;
}

.create-box {
	height: 250px;
	width: 100%;
	margin:0 auto;
	background-image: url(../images/create/create-back.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	background-size: 100%;
}

#create-011 {
	float:none;
}

#create-012 {
	float:none;
}

#create-logo {
	float:none;
	margin:0 auto;
}

.create-box-inner {
	width: 97%;
	margin: 0 auto;
	position: relative;
	top: 30px;
}

.create-box-text img {
	width:28%;
	float:left;
}

.create-box-text p {
	font-size: 14px;
	float: right;
	width: 67%;
	line-height:1.4em;
}

.c-dtail {
	margin:10px auto 0 auto;
}

#ab_test-02 .box_01 .txt_01 {
    position: absolute;
    width: 147px;
    right: 9px;
    top: 59px;
    color: #fff;
    line-height: 1.4;
}


/****************** ホームページ制作 *******************/


#hp-point-01 {
	font-size: 14px;
	font-weight: bold;
	color: #e44744;
	background-image: url(../images/create/point-01-sp.jpg);
	background-repeat: no-repeat;
	line-height:1.5em;
	padding-left:40px;
	margin:45px 0 10px;
	height:36px;
}

#hp-point-02 {
	font-size: 14px;
	font-weight: bold;
	color: #e44744;
	background-image: url(../images/create/point-02-sp.jpg);
	background-repeat: no-repeat;
	line-height:1.5em;
	padding-left:40px;
	padding-top:5px;
	margin:30px 0 10px;
	height:36px;
}

#hp-point-03 {
	font-size: 14px;
	font-weight: bold;
	color: #e44744;
	background-image: url(../images/create/point-03-sp.jpg);
	background-repeat: no-repeat;
	line-height:1.5em;
	padding-left:40px;
	padding-top:5px;
	margin:30px 0 10px;
	height:36px;
}

#hp-01 {
	width:96%;
	margin:30px auto 0 auto;
}

#hp-02 {
	width:96%;
	margin:35px auto 0 auto;
}

#hp-01 {
	width:96%;
	margin:30px auto 30px auto;
}

#hp-03 img {
	float:left;
	display:inline;
	text-align:center;
	margin-left:1%;
	margin-bottom:15px;
	width:48%;
}





/****************** レスポンシブデザイン *********************/

#responsive-01 p {
	width:96%;
	margin:15px auto 0 auto;
}

#responshive-02 p {
	width:96%;
	margin:0 auto;
}

#responsive-03 ul {
	width:96%;
	margin:30px auto 30px auto;
}

#responshive-02 dl dt {
	height:28px;
	color:#00579a;
	font-size: 13px;
	font-weight: bold;
	padding-left: 118px;
	line-height:1.3em
}

#responshive-02 dl dd {
	width:96%;
	margin:10px auto 0 auto;
}

#sono1 {
	background-image: url(../images/create/sono1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 65px;
	font-size: 16px;
	font-weight: bold;
}

#sono2 {
	background-image: url(../images/create/sono2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 65px;
	font-size: 16px;
	font-weight: bold;
}

#sono3 {
	background-image: url(../images/create/sono3.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 65px;
	font-size: 16px;
	font-weight: bold;
}

#sono4 {
	background-image: url(../images/create/sono4.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 65px;
	font-size: 16px;
	font-weight: bold;
}

#sono5 {
	background-image: url(../images/create/sono5.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 65px;
	font-size: 16px;
	font-weight: bold;
}





/******************* ワードプレス *********************/

#wp-01 {
	width:96%;
	margin:30px auto 0 auto;
}

#wp-01 p {
	width: 100%;
}

#wp-02 {
	width:96%;
	margin:30px auto 0 auto;
}

#wp-03 {
	width:96%;
	margin:30px auto 0 auto;
}

#wp-031 {
	background-image: url(../images/create/wp-021_sp.jpg);
	background-repeat: no-repeat;
}

#wp-032 {
	background-image: url(../images/create/wp-023_sp.jpg);
	background-repeat: no-repeat;
}

#wp-033 {
	background-image: url(../images/create/wp-025_sp.jpg);
	background-repeat: no-repeat;
}

#wp-034 {
	background-image: url(../images/create/wp-027_sp.jpg);
	background-repeat: no-repeat;
}

#wp-03 h4 p {
	margin-left:55px;
}

#wp-04 {
	width:96%;
	margin:30px auto 0 auto;
}

#wp-05 {
	width:96%;
	margin:30px auto 30px auto;
}

#wp-03 h4 {
	height: 36px;
	font-size: 16px;
	line-height: 38px;
	color: #116c96;
	margin-top: 20px;
	font-weight:bold;
}

.wp-box p {
	float: none;
	width: 100%;
	margin-top: 10px;
}

#wp-box-02 {
	height: 338px;
	width: 100%;
	background-repeat: no-repeat;
	margin:20px auto 0 auto;
	float:none;
	background-size:100%;
}

#wp-box-03 {
	height: 338px;
	width: 100%;
	background-repeat: no-repeat;
	margin:20px auto 0 auto;
	float:none;
	background-size:100%;
}
	
#wp-04 p img{
	width: 100%;
}

#wp-04 p.txt {
	width: 95%;
	margin: 0 auto;
	position: relative;
	top: -26%;
	line-height:1.3em;
	float:none;
}




/****************** lp制作 **********************/

#lp-01 p {
	width:96%;
	margin:15px auto 0 auto;
}

#lp-02 {
	width:96%;
	margin:35px auto 30px auto;
}

#lp-011 {
	margin-top:20px;
}

#lp-011 h3 {
	background:#3eb134;
	font-size:15px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	padding:12px 0;
}

#lp-011-ai {

}

#lp-011-ai img {
	width: 90%;
	margin:0 auto;
	float:none;
}

#lp-011-ai p {
	font-size: 14px;
	line-height:1.4em;
	float:none;
	margin:10px auto 20px auto;
	width:96%;
}

#go-jisseki {
	margin:0 auto;
}

.flow-left {
	width: 100%;
	float:none;
}

#lp-attention {
	background-image: none;
	margin-top: 35px;
	border:5px dotted #CCC;
	padding:15px 1%;
	height:auto;
	
}

#lp-attention p {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4em;
	padding:0;
}





/****************** ecサイト構築 **********************/

#ec-point-01 {
	height: 123px;
	width: 100%;
	background-image: url(../images/create/ec-01.jpg);
	background-repeat: no-repeat;
	float:none;
	margin:0 auto;
	background-size: 100%;
}

#ec-point-01 p {
	width:66%;
	font-size:13px;
	padding-left:30%;
	padding-top:17px;
	line-height:1.4em;
}

#ec-point-02 {
	height: 123px;
	width: 100%;
	background-image: url(../images/create/ec-02.jpg);
	background-repeat: no-repeat;
	float:none;
	margin:10px auto 0 auto;
	background-size: 100%;
}

#ec-point-02 p {
	width:66%;
	font-size:13px;
	padding-left:30%;
	padding-top:17px;
	line-height:1.4em;
}

#ec-021 {
	width:96%;
	margin:15px auto 0 auto;
}

#ec-021 img {
	margin:0 8px 8px 0;
}

.ec-box {
	width:46%;
	height:214px;
	float:left;
	margin:0 0 10px 2%;
}

#ecbox-01 {
	background-image:url(../images/create/ec-051.jpg);
	background-repeat:no-repeat;
	background-image:100%;
}

#ecbox-02 {
	background-image:url(../images/create/ec-052.jpg);
	background-repeat:no-repeat;
	background-image:100%;
}

#ecbox-03 {
	background-image:url(../images/create/ec-053.jpg);
	background-repeat:no-repeat;
	background-image:100%;
}

#ecbox-04 {
	background-image:url(../images/create/ec-054.jpg);
	background-repeat:no-repeat;
}

#ecbox-05 {
	background-image:url(../images/create/ec-055.jpg);
	background-repeat:no-repeat;
	background-image:100%;
}

#ecbox-06 {
	background-image:url(../images/create/ec-056.jpg);
	background-repeat:no-repeat;
	background-image:100%;
}

#ecbox-07 {
	background-image:url(../images/create/ec-057.jpg);
	background-repeat:no-repeat;
	background-image:100%;
}

#ecbox-08 {
	background-image:url(../images/create/ec-058.jpg);
	background-repeat:no-repeat;
	background-image:100%;
}

.ec-box dl {
	position: relative;
	top: 50%;
	height:110px;
	color:#111111;
	width:100%;
}

.ec-box dl dt {
	text-align:center;
	font-size:14px;
	border-top:solid 2px #CFCFCF;
	border-bottom:solid 2px #CFCFCF;
	font-weight:bold;
	margin-bottom:2px;
	padding:3px 0;
	line-height:1.3em;
	width:100%;
}

.ec-box dl dt span {
	color:#FD0726;
}

.ec-box dl dd {
	width:90%;
	margin:0 auto;
	font-size:13px;
	line-height:1.3em;
}

#ec-04 p {
	width:96%;
	margin:10px auto 0 auto;
}

#ec-041 dl {
	width: 47%;
	float:left;
	margin:0 0 10px 6px;
}

#ec-041 dl dd {
	background-image: url(../images/create/icon-red.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding:8px 0 8px 35px;
	border-bottom:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	border-right:solid 1px #dcdcdc;
	font-size:80%;
}





/*********************** lpo **************************/

#lpo-012 {
	width:96%;
	margin:0 auto;
}

#lpo-attention {
	background-image: none;
	margin: 35px 0;
	border:5px dotted #CCC;
	padding:15px 1%;
	height:auto;	
}

#lpo-attention p {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4em;
	padding:0;
}

.sp-inside {
	width:96%;
	margin:10px auto 0 auto; 
}


/*********************** 制作実績 **************************/

.entry-content {
	padding:15px;
}


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

/******************* EFO（ エントリーフォーム最適化） ********************/

	
#efo-02 .box_01 dt span.txt_03,
#efo-02 .box_02 dt span.txt_03 {
    line-height: 1.2;
}
	
	
#ab_test-02 .box_01 .txt_01 {
    position: absolute;
    width: 128px;
    right: 15px;
    top: 64px;
    color: #fff;
    line-height: 1.4;
    font-size: 13px;
}
	
}

@media screen and (max-width:414px){
	
#key_box {
	height: 0;
    padding-top: 25%;
    background-size: cover !important;
}

#key_box h2{
	color: #5db858;
	font-size: 20px;
	margin: -23% 0 0 2%;
}
	
#key_box h2 .f_s{
	font-size: 18px !important;
}

#key_box p{
	margin: 0px 0 0 2%;
	line-height: 1.2;
	font-size: 14px;
	width: 75%;
}
	
.support-page #key_box h2{
	font-size: 18px;
	line-height: 1.2;
}
	
.support-page #key_box p {
    margin: 4px 0 0 2%;
    width: 64%;
}
	
#lpo_02-02 .kaizen_01 .kaizen_txt{
	width: 290px;
}
	
#lpo_02-02 .kaizen_01 .photo_01 {
    width: 100px;
}
	
#lpo_02-02 .kaizen_01 .kaizen_txt .txt_01{
	font-size: 14px;
}

#lpo_02-02 .kaizen_01 .kaizen_txt .txt_02{
	font-size: 14px;
}

#lpo_02-02 .kaizen_01 .kensu p{
	font-size: 14px;
}
	
#lpo_02-02 .kaizen_01 .kensu p .f_l {
    font-size: 20px;
}
	
#lpo_02-02 .kaizen_01 .kensu_02 p {
    float: none;
	padding: 2px 10px 0px;
}

#lpo_02-02 .kaizen_01 .kensu_02 p.txt_03 {
    font-size: 16px;
	width: auto;
}
	
#lpo_02-02 .kaizen_01 .kensu_02 p + p {
    font-size: 20px;
	border-top: 1px solid #ccc;
	border-left: none;
	width: auto;
	text-align: center;
}
#lpo_02-02 .kaizen_01 .kensu_02 p + p .f_l {
    font-size: 22px;
}
	

	
#efo-02 .box_02 dt span.num_02 {
    height: 2em;
    line-height: 2em;
}
	
#efo-02 .box_02 dt span.txt_02 {
    padding: 6px 0px;
    line-height: 1.2;
}
	
#efo-02 .box_01 dt span.num_03{
    height: 2em;
    line-height: 2em;
}
#efo-02 .box_01 dt span.txt_03{
    padding: 6px 0px;
    line-height: 1.2;
}
	
#ab_test-02 .box_01 .txt_01 {
    position: absolute;
    width: 78px;
    right: 15px;
    top: 29px;
    color: #fff;
    line-height: 1.1;
    font-size: 11px;
}
	
}
	
@media screen and (max-width:375px){
#key_box h2 {
    color: #5db858;
    font-size: 18px;
    margin: -24% 0 0 2%;
}

#key_box h2 .f_s{
	font-size: 16px !important;
}
	
#key_box p {
    margin: 5px 0 0 2%;
    line-height: 1.2;
    font-size: 10px;
    width: 75%;
}
	
#lpo_02-02 .kaizen_01 .photo_01 {
    width: 90px;
}
	
#lpo_02-02 .kaizen_01 .kaizen_txt {
    width: 260px;
}
	

#efo-02 .box_01 dt span.txt_01 {
    padding: 10px 0px;
    line-height: 1.2;
}
	
#ab_test-02 .box_01 .txt_01 {
    position: absolute;
    width: 78px;
    right: 7px;
    top: 26px;
    color: #fff;
    line-height: 1.1;
    font-size: 10px;
}
	
#efo-02 .box_01 dt span.num_02{
	height: 2em;
	line-height: 2em
}
#efo-02 .box_01 dt span.txt_02 {
    padding: 6px 0px;
    line-height: 1.2;
}
	
}
	
@media screen and (max-width:320px){
#key_box h2 {
    color: #5db858;
    font-size: 14px;
    margin: -25% 0 0 2%;
}
	
#key_box h2 .f_s{
	font-size: 14px !important;
}
	
#key_box p {
    margin: -4px 0 0 2%;
    line-height: 1.1;
    font-size: 10px;
    width: 75%;
}
	
.support-page #key_box h2 {
    font-size: 14px;
    margin: -24% 0 0 2%;
}
	
#lpo_02-02 .kaizen_01 .photo_01 {
    width: 80px;
}
	
#lpo_02-02 .kaizen_01 .kaizen_txt {
    width: 220px;
}
	
#efo-02 .box_01 dt,
#efo-02 .box_02 dt{
	font-size: 120%;
}
	
#efo-02 .box_01 dt span.num {
	height: 2em;
	line-height: 2em;
}
#efo-02 .box_01 dt span.txt_01 {
    padding: 6px 0px;
    line-height: 1.2;
}
#efo-02 .box_01 dt span.txt_03 {
    width: 83%;
}
	
.ab_test-page #key_box h2 {
    color: #5db858;
    font-size: 13px;
    margin: -25% 0 0 2%;
}
	
#ab_test-02 .box_01 .txt_01 {
    position: absolute;
    width: 72px;
    right: 5px;
    top: 25px;
    color: #fff;
    line-height: 1.2;
    font-size: 9px;
    letter-spacing: -0.8px;
}
}