@charset "utf-8";
/* ブラウザスタイル初期化用CSS */
/*html {
width: 100%;
font-size: 14px;
line-height: 0;
}*/
body{
margin: 0px;
padding: 0px;
width: 100%;
color: #fff;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
}
/*body * {
word-wrap : break-word;
word-break: normal;
overflow-wrap : break-word;
}*/
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,li,dl,dt,dd{
margin: 0px;
padding: 0px;
/* line-height: 100%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;*/
color:#000000;
}
li,dt,dd{
list-style-type: none;
}
p {
margin: 0;
line-height: 170%;
}
img {
border: 0;
border: none;
max-width: 100%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:hover img,
a.btn:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}
* { box-sizing: border-box; }
.content {
width: 100%;
max-width: 1020px;
margin: 0 auto;
}
/*top*/
#top{
font-size:0;
width:100%;
/* float:left; */
background-color:#e6f4ff;
border-bottom: 1px dashed #c3d0d9;
}
#top .top_wrap{
max-width:1020px;
margin:0px auto;
text-align:center;
overflow:hidden;
padding: 0 10px;
}
#top .top_wrap .case{
width:80px;
height:80px;
margin: 50px 30px 20px 0px;
padding:10px;
background-color:#008aff;
float:left;
}
#top .top_wrap .case .case2{
color:#FFFFFF;
font-size:13px;
margin-top: 8px;
}
#top .top_wrap .case p{
color:#FFFFFF;
font-size:28px;
line-height: 120%;
}
#top .top_wrap .case_title{
margin: 45px 30px 20px 0px;
float:left;
}
#top .top_wrap .case_title h1{
font-size:38px;
text-align:left;
/* display: table-cell; */
/* vertical-align: middle; */
}
#top .top_wrap .case_title p{
font-size:22px;
text-align:left;
/* display: table-cell; */
/* vertical-align: middle; */
}
#top .top_wrap .case_img{
margin:20px 0px 20px 20px;
float:right;
}
@media screen and (max-width : 1024px){
#top .top_wrap .case{
margin: 35px 30px 20px 0px;
}
#top .top_wrap .case_title{
margin: 30px 30px 20px 0px;
}
#top .top_wrap .case_title h1{
font-size: 3vw;
}
#top .top_wrap .case_title p{
font-size:2vw;
}
#top .top_wrap .case_img{
width:20%;
}
}
/*sp*/
#top .sp_ttl{
display:none;
}
.note {
margin: 5px auto 0;
/* overflow: hidden; */
text-align: right;
max-width: 1020px;
padding: 0 10px;
}
@media screen and (max-width : 640px){
.note {
/*max-width: 640px;*/
margin-top: 10px;
padding: 0 10px;
font-size: 12px;
}
}
/*店舗イメージ*/
#cont1{
width:100%;
/* float:left; */
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/tenpo_bg");
background-position : 0% 50%;
background-repeat:repeat-x;
}
#cont1 .tenpo{
max-width: 1020px;
/* height:100%; */
margin:0px auto;
text-align:center;
overflow:hidden;
}
#cont1 .tenpo .tenpo_img{
margin-top:60px;
float:left;
width: calc(55% - 10px);
margin-left: 10px;
}
#cont1 .tenpo .yazi{
width: 44%;
background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/yazi");
background-repeat: no-repeat;
background-position: -3px 80px;
float: right;
}
#cont1 .tenpo .yazi_case1,.yazi_case3,.yazi_case2{
display:none;
}
#cont1 .tenpo .tenpo_txt{
margin: 60px 10px 0px 10px;
padding: 10px;
width: calc(100% - 30px);
height: auto;
border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/border_bg") 15 round;
-webkit-border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/border_bg") 15 round;
background-color: #FFFFFF;
border-style: solid;
border-width: 10px;
border:solid 1px #333333\9;
float: right;
}
#cont1 .tenpo .tenpo_txt .tenpo_p1{
width:auto;
text-align:left;
font-size:19px;
font-weight:normal;
}
#cont1 .tenpo .tenpo_txt p{
width:auto;
text-align:left;
font-size:28px;
font-weight:bold;
}
@media screen and (max-width : 900px){
#cont1 .tenpo .tenpo_txt .tenpo_p1{
font-size: 2.3vw;
}
#cont1 .tenpo .tenpo_txt p{
font-size: 3vw;
line-height: 120%;
}
}
#cont1 .tenpo .tenpo_zigyou1{
margin: 10px 10px 0px 0px;
text-align: center;
overflow: hidden;
float: right;
width: 40%;
}
#cont1 .tenpo .tenpo_zigyou2{
margin: 10px 10px 0px 0px;
text-align: center;
overflow: hidden;
float: right;
width: 40%;
}
#cont1 .tenpo .tenpo_zigyou3{
margin: 10px 10px 0px 0px;
text-align: center;
overflow: hidden;
float: right;
width: 40%;
}
/*導入事例*/
#cont2{
width:100%;
/* float:left; */
}
#cont2 .dounyu{
max-width: 1020px;
margin:0px auto;
text-align:center;
overflow:hidden;
padding: 0 10px;
}
#cont2 .dounyu .dounyu_title{
margin:60px 0px 40px;
}
#cont2 .dounyu .dounyu_cont{
margin:0px auto;
text-align:center;
overflow:hidden;
float:left;
width: 56%;
}
#cont2 .dounyu .dounyu_cont_after{float:right;width: 44%;}
#cont2 .dounyu .dounyu_cont .dounyu_cont1{
width: calc(80% - 10px);
border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round;
border-style:solid; border-width:10px;
border:solid 1px #9c9794\9;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg");
background-repeat:repeat;
padding:10px;
/*margin: 0 auto;*/
float: left;
/*z-index:1;
position:absolute;*/
margin-right: 10px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_pc{
display:block;
}
/*#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_sp{*/
#cont2 .dounyu .dounyu_cont .kadai_sp{
display:none;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt1{
margin:20px 0px 20px;
text-align:left;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt1 h2{
font-size:29px;
line-height:41px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt2{
margin:20px 0px 20px;
text-align:left;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt2 h3{
display:inline;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
font-size:24px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt2 img{
vertical-align: text-bottom;
margin:0px 10px 0px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt3{
text-align:left;
margin-left: 50px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt3 p{
font-size:18px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt4{
margin:20px 0px 20px;
text-align:left;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt4 h3{
display:inline;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
font-size:24px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt4 img{
vertical-align: text-bottom;
margin:0px 10px 0px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt5{
text-align:left;
margin-left: 50px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt5 p{
font-size:18px;
}
/*case1_cont1*/
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1{
width: calc(80% - 10px);
border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round;
border-style:solid;
border-width:10px;
border:solid 1px #9c9794\9;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg");
background-repeat:repeat;
padding:10px;
/* margin: 0 auto; */
float: left;
/* z-index:1; */
/* position:absolute; */
/* height: 630px; */
margin-right: 10px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_pc{
display:block;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_sp{
display:none;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt1{
margin:20px 0px 20px;
text-align:left;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt1 h2{
font-size:29px;
line-height:41px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt2{
margin:20px 0px 20px;
text-align:left;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt2 h3{
display:inline;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
font-size:24px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt2 img{
vertical-align: text-bottom;
margin:0px 10px 0px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt3{
text-align:left;
margin-left: 50px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt3 p{
font-size:18px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4{
margin:20px 0px 20px;
text-align:left;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 h3{
display:inline;
font-size:24px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 .span1{
/* display: inline-block; */
/* width: 10em; */
/* height: 1.3em; */
font-weight: bold;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 .span2{
margin-left: 45px;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 img{
vertical-align: text-bottom;
margin:0px 10px 0px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt5{
text-align:left;
margin-left: 50px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt5 p{
font-size:18px;
}
@media screen and (max-width : 900px){
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt1 h2{
font-size:3vw;
line-height:160%;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt1 h2{
font-size:3vw;
line-height:160%;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt4 h3{
font-size:2.5vw;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt2 h3{
font-size:2.5vw;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt2 h3{
font-size:2.5vw;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 h3{
font-size:2.5vw;
}
}
/*case3_cont1*/
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3{
width: calc(80% - 10px);
border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round;
border-style:solid; border-width:10px;
border:solid 1px #9c9794\9;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg");
background-repeat:repeat;
padding:10px;
/* margin: 0 auto; */
float: left;
/* z-index:1; */
/* position:absolute; */
/* height: 630px; */
margin-right: 10px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_pc{
display:block;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_sp{
display:none;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt1{
margin:20px 0px 20px;
text-align:left;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt1 h2{
font-size:29px;
line-height:41px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2{
margin:20px 0px 20px;
text-align:left;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 h3{
display:inline;
font-size:24px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 .span10{
display: inline-block;
width: 9em;
height: 1.2em;
font-weight: bold;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 .span11{
margin-left: 45px;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 img{
vertical-align: text-bottom;
margin:0px 10px 0px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt3{
text-align:left;
margin-left: 50px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt3 p{
font-size:18px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt4{
margin:20px 0px 10px;
text-align:left;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt4 h3{
display:inline;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
font-size:24px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt4 img{
vertical-align: text-bottom;
margin:0px 10px 0px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt5{
text-align:left;
margin-left: 50px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt5 p{
font-size:18px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2{
/* width: 45%; */
border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round;
border-style:solid;
border-width:10px;
border:solid 1px #9c9794\9;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg");
background-repeat:repeat;
padding:10px;
/* margin: 0px 562px; */
/* z-index:1; */
/*position:absolute;*/
margin-left: 10px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .after_pc{
display:block;
}
/*#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .after_sp{*/
#cont2 .dounyu .dounyu_cont_after .after_sp{
display:none;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt1{
margin:20px 0px 20px;
text-align:left;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt1 h2{
font-size:29px;
line-height:41px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2{
margin:20px 0px 20px;
text-align:left;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2 h3{
display:inline;
font-size:24px;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
}
@media screen and (max-width : 900px){
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt1 h2{
font-size:3vw;
line-height:160%;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt1 h2{
font-size:3vw;
line-height:160%;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 h3{
font-size:2.5vw;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt4 h3{
font-size:2.5vw;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2 h3{
font-size:2.5vw;
}
}
/*case1*/
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1{
margin:20px 0px 20px;
text-align:left;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 img{
vertical-align: text-bottom;
margin:0px 10px 0px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 h3{
display:inline;
font-size:24px;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 .span3{
/* display: inline-block; */
/* width: 10em; */
/* height: 1.3em; */
font-weight: bold;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:24px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 .span4{
margin-left: 50px;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
}
@media screen and (max-width : 900px){
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 h3{
font-size:2.5vw;
}
}
/*case3*/
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3{
margin:20px 0px 20px;
text-align:left;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 img{
vertical-align: baseline;
margin:0 10px;
width:5%;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 h3{
display:inline;
font-size:24px;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 .span5{
display: inline-block;
width: 9.5em;
height: 1.3em;
font-weight: bold;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:24px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 .span6{
margin-left: 50px;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 .span7{
margin-left: 50px;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
line-height:30px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont2 .seika_txt4 .span5{
display: inline-block;
width: 9.5em;
height: 1.3em;
font-weight: bold;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont2 .seika_txt4 .span6{
margin-left: 60px;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont2 .seika_txt4 .span7{
margin-left: 60px;
line-height:10px;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2 img, #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4 img{
vertical-align: baseline;
margin:0 10px;
width:5%;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt3{
text-align:left;
margin-left: 50px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt3 p{
font-size:18px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4{
margin:20px 0px 10px;
text-align:left;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4 h3{
display:inline;
font-size:24px;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg");
background-size:23px;
}
/*#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4 img{
vertical-align: text-bottom;
margin:0px 10px 0px;
}*/
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt5{
text-align:left;
margin-bottom: 15px;
margin-left: 50px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt5 p{
font-size:18px;
}
#cont2 .dounyu .dounyu_cont .yazi2{
float: left;
/* height: 420px; */
/* z-index: 2; */
/* position: relative; */
margin: 200px 0px 0px;
width: 20%;
}
@media screen and (max-width : 900px){
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4 h3{
font-size:2.5vw;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 h3{
font-size:2.5vw;
}
}
/*sp_yazi*/
#cont2 .dounyu .dounyu_cont .sp_yazi2{
display:none;
}
/*導入理由*/
#cont2 .riyu_cont3{
width:100%;
/* float:left; */
margin-top:100px;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/riyu_bg");
background-repeat:repeat-x;
background-color:#faf9ef;
}
#cont2 .riyu_cont3 .riyu_title{
max-width: 1020px;
margin:0px auto;
text-align:center;
overflow:hidden;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/riyu_yazi");
background-repeat:no-repeat;
background-position: 50% 137px;
}
#cont2 .riyu_cont3 .riyu_title p{
color:#FFFFFF;
font-size:35px;
font-weight:bold;
margin: 50px 0px 70px;
}
#cont2 .riyu_cont3 .riyu_naiyou{
display:block;
width:100%;
/* float:left; */
margin-top:10px;
background-color:#faf9ef;
}
/*sp*/
#cont2 .riyu_cont3 .riyu_naiyou_sp{
display:none;
}
#cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami{
max-width: 1020px;
margin:20px auto;
text-align:left;
overflow:hidden;
}
#cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_txt1{
width: 70%;
/* margin:0px auto; */
text-align:left;
overflow:hidden;
float:left;
}
#cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_txt1 p{
font-size: 30px;
font-weight:bold;
margin: 20px;
}
#cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_txt2{
float:left;
margin: 0px 20px 50px 20px;
width: calc(70% - 40px);
}
#cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_txt2 p{
font-size:18px;
}
#cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_txt3 {
margin:20px 0px 20px 0px;
}
#cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_txt3 p{
font-size:24px;
font-weight:bold;
}
#cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_img{
margin-top:20px;
overflow: hidden;
width: 28%;
/* float: right; */
}
#cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_btn{
margin:20px 0px 0px 30px;
float:left;
overflow: hidden;
}
#cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_img p{
display: inline-block;
float: none;
clear: both;
margin-top: 10px;
}
#cont2 .riyu_cont3 .riyu_btn_sp p{
float: none;
clear: both;
margin-top: 10px;
}
/*お客様の声*/
#cont3{
width:100%;
/* float:left; */
margin-top:40px;
padding: 0 10px;
}
#cont3 .koe{
max-width: 1020px;
margin:0px auto;
text-align:center;
overflow:hidden;
width: 100%;
}
#cont3 .koe .koe_title{
margin:60px 0px 40px;
}
#cont3 .koe .koe_meritto{
width: 100%;
/* float: left; */
overflow: hidden;
}
#cont3 .koe .koe_meritto .koe_txt{
width: 63%;
/* margin: 20px auto; */
text-align: left;
/* overflow: hidden; */
float: left;
}
#cont3 .koe .koe_meritto .koe_txt .koe_txtimg{
text-align:left;
margin-bottom:50px;
}
#cont3 .koe .koe_meritto .koe_txt .p1{
font-size: 33px;
font-weight:bold;
text-align:left;
margin-bottom:40px;
}
#cont3 .koe .koe_meritto .koe_txt .p2{
font-size:16px;
text-align:left;
margin-bottom:60px;
}
#cont3 .koe .koe_meritto .koe_txt .p3{
font-size: 33px;
font-weight:bold;
text-align:left;
margin-bottom:40px;
}
#cont3 .koe .koe_meritto .koe_txt .p4{
font-size:16px;
text-align:left;
margin-bottom:80px;
}
#cont3 .koe .koe_meritto .koe_img{
float: right;
margin: 20px 0px 0px 40px;
width: calc(36% - 40px);
}
#cont3 .koe .koe_meritto .koe_img .koe_img1{
margin-bottom:10px;
}
#cont3 .koe .koe_meritto .koe_img .koe_img2{
margin-bottom:10px;
}
#cont3 .koe .koe_meritto .koe_img .koe_img3{
margin-bottom:10px;
}
#cont3 .koe .koe_meritto .koe_img .koe_img4{
margin-bottom:10px;
}
/*sp_koe_img*/
#cont3 .koe .koe_meritto .sp_koe_img{
display:none;
}
#cont3 .koe .koe_meritto .sp_koe_img_cont{
display:none;
}
#cont3 .koe .koe_hannou{
width: 100%;
/* float: left; */
overflow: hidden;
}
#cont3 .koe .koe_hannou .hannou_txt{
width: 60%;
/* margin: 0px auto; */
text-align: left;
/* overflow: hidden; */
float: left;
}
#cont3 .koe .koe_hannou .hannou_txt .hannou_txtimg{
margin-bottom:50px;
}
#cont3 .koe .koe_meritto .koe_hannou .hannou_txtimg{
text-align:left;
margin-bottom:20px;
}
#cont3 .koe .koe_hannou .hannou_txt .p1{
font-size:34px;
font-weight:bold;
text-align:left;
margin-bottom:40px;
}
#cont3 .koe .koe_hannou .hannou_txt .p1{
font-size:33px;
font-weight:bold;
text-align:left;
margin-bottom:20px;
}
#cont3 .koe .koe_hannou .hannou_img{
float: right;
margin: 0px 0px 0px 40px;
width: calc(36% - 40px);
}
#cont3 .koe .koe_hannou .hannou_img .hannou_img1{
margin-bottom:10px;
}
/*sp_hannou_img*/
#cont3 .koe .koe_hannou .sp_hannou_img{
display:none;
}
#cont3 .syousai{
max-width: 1020px;
margin: 70px auto;
padding:30px;
text-align:center;
/* overflow:hidden; */
background-color:#faf9ef;
border:1px dashed #c3d0d9;
}
#cont3 .syousai .syouai1{
text-align:center;
/* overflow:hidden; */
border-bottom: 1px dashed #c3d0d9;
display: flex;
}
#cont3 .syousai .syouai1 .syousai_icon{
/* float:left; */
margin:0px 30px 30px 0px;
width: 18%;
max-width: 132px;
}
#cont3 .syousai .syouai1 .syousai_txt{
text-align: left;
/* float:left; */
font-size:16px;
/* margin-right:50px; */
width: 40%;
}
#cont3 .syousai .syouai1 .syousai_txt span{
display: inline-block;
width: 4.5em;
height: 2.3em;
font-weight:bold;
}
#cont3 .syousai .syouai1 .syousai_txt2{
text-align: left;
/* float:left; */
font-size:16px;
/* margin-right:50px; */
width: 40%;
}
#cont3 .syousai .syouai1 .syousai_txt2 span{
display: inline-block;
width: 4.5em;
height: 2.3em;
font-weight:bold;
}
#cont3 .syousai .syouai1 .syousai_txt2 .span8{
margin-left: 10px;
width: 150px;
font-weight: normal;
}
#cont3 .syousai .syouai1 .syousai_txt2 .span9{
font-weight: normal;
width: 80px;
margin-left: 5px;
}
#cont3 .syousai .syousai2{
text-align:center;
/* overflow:hidden; */
}
#cont3 .syousai .syousai2 .syousai_txt4{
/* float:left; */
text-align:left;
margin:30px 0px 0px 0px;
}
/*導入機種*/
#cont4{
width: 100%;
/* float: left; */
text-align: center;
/* overflow: hidden; */
}
#cont4 .kisyu{
width: 100%;
/* height: 610px; */
/* float: left; */
background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/riyu_bg1");
background-repeat: repeat-x;
background-color:#faf9ef;
margin-bottom:50px;
}
#cont4 .kisyu .kisyu_title{
max-width: 1020px;
height: 260px;
margin: 50px auto 0px;
text-align: center;
overflow: hidden;
background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/riyu_yazi1");
background-repeat: no-repeat;
background-position: 50% 202px;
padding-top: 50px;
}
#cont4 .kisyu .kisyu_title p{
color: #FFFFFF;
font-size: 35px;
font-weight: bold;
margin: 0px 0px 60px;
}
#cont4 .kisyu .kisyu_nakami{
max-width: 1020px;
margin: 0px auto;
text-align: left;
overflow: hidden;
padding: 0 10px 30px;
}
#cont4 .kisyu .kisyu_nakami .kisyu_img{
float: left;
/* margin: 0px 20px 0px 20px; */
width: 30%;
}
#cont4 .kisyu .kisyu_nakami .kisyu_img p{
margin-top: 10px;
text-align: center;
font-size: 14px;
}
#cont4 .kisyu .kisyu_nakami .kisyo_txt{
margin-left: 40px;
float: left;
width: calc(70% - 40px);
}
#cont4 .kisyu .kisyu_nakami .kisyo_txt p{
font-size:25px;
font-weight:bold;
}
#cont4 .kisyu .kisyu_nakami .kisyo_txt .kisyo_btn1{
margin-top: 25px;
}
#cont4 .kisyu .kisyu_nakami .kisyo_txt .kisyo_btn2{
float: left;
margin-top:20px;
width: 47%;
}
#cont4 .kisyu .kisyu_nakami .kisyo_txt .kisyo_btn3{
float:left;
margin:20px 0px 0px 20px;
width: 47%;
}
#cont4 .goriyou{
width: 100%;
float: left;
text-align: center;
overflow: hidden;
background-color:#FFFFFF;
}
#cont4 .goriyou .goriyou_nakami{
width: 1020px;
margin: 60px auto 70px;
text-align: left;
overflow: hidden;
border-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg_goriyou") 15 round;
background-color: #FFFFFF;
border-style: solid;
border-width: 10px;
border:solid 1px #d4d1bc\9;
}
#cont4 .goriyou .goriyou_nakami .goriyou_title{
margin: 30px 30px 0px 30px;
border-bottom: 1px dashed #c3d0d9;
}
#cont4 .goriyou .goriyou_nakami .goriyou_title p{
font-size:18px;
padding: 0px 20px 15px 0px;
font-weight:bold;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou{
margin:20px;
background:#000000;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_manual{
float:left;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_manual .manual_icon{
float:left;
margin-right:20px;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_manual .manual_txt{
float:left;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_manual .manual_txt .p1{
font-size:18px;
font-weight:bold;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_support{
float:left;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_support .support_icon{
float:left;
margin: 0px 20px 0px 40px;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_support .support_txt{
float:left;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_support .support_txt .p2{
font-size:18px;
font-weight:bold;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_toiawase{
float:left;
margin:20px 0px 20px 0px;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_toiawase .toiawase_icon{
float:left;
margin-right:20px;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_toiawase .toiawase_txt{
float:left;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_toiawase .toiawase_txt .p3{
font-size:18px;
font-weight:bold;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_syuri{
float:left;
margin:20px 0px 20px 0px;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_syuri .syuri_icon{
float:left;
margin: 0px 20px 0px 55px;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_syuri .syuri_txt{
float:left;
}
#cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_syuri .syuri_txt .p4{
font-size:18px;
font-weight:bold;
}
/*sp_kisyu_txt*/
#cont4 .kisyu .kisyu_nakami .sp_kisyu_txt{
display:none;
}
/*sp_kisyu_btn*/
#cont4 .kisyu .kisyu_nakami .sp_kisyu_btn{
display:none;
}
#cont4 .sp_goriyou{
display:none;
}
#pc-side-nav-case.sidebar {
top: 0;
left: 0;
width: 100%;
height:100%;
z-index: 2;
position: fixed;
visibility:hidden;
}
#pc-side-nav-case.sidebar img{
position:absolute;
top:40%;
right:0;
z-index:1;
visibility:visible;
}
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
.fixed3{
position: fixed;
top: 79px;
width: 100%;
z-index: 10000;
}
/*フッター*/
#footer{
width:100%;
float: left;
text-align: center;
overflow: hidden;
border-top: 1px dashed #c3d0d9;
background-color:#FFFFFF;
}
#footer .footer_txt{
width: 1020px;
margin: 20px auto;
text-align:center;
overflow: hidden;
}
#footer .footer_txt p{
font-size:12px;
}
/*レスポンシブ*/
@media screen and (max-width : 640px){
/*menu*/
/*#menu{
font-size:0;
width:100%;
float:left;
background-image:none;
}
#menu .g_navi{
display:none;
}
#menu .spg_navi{
display:block;
width:640px;
float:left;
margin:0 auto;
text-align:center;
overflow:hidden;
}
#menu .spg_navi .spg_navi_title{
margin: 20px 20px 0px 20px;
float:left;
}
#menu .spg_navi .spg_navi_title .spg_navi_txt{
float:left;
margin-right:20px;
}
#menu .spg_navi .spg_navi_title .spg_navi_txt p{
font-size:30px;
font-weight: bold;
}
#menu .spg_navi .spg_navi_title .spg_navi_icon{
margin-top: 10px;
float:left;
}
#menu .spg_navi .spg_navi_btn{
display:none;
width:480%;
float:left;
margin:0 auto;
text-align:center;
overflow:hidden;
background-color:#f8f6e9;
z-index: 100;
}
#menu .spg_navi .spg_navi_btn .spg_navi_main1{
width:100%;
border-top: 1px dashed #c3d0d9;
border-bottom: 1px dashed #c3d0d9;
text-align:left;
}
#menu .spg_navi .spg_navi_btn .spg_navi_main1 img{
margin:30px 0px 30px 100px;
}
#menu .spg_navi .spg_navi_btn .spg_navi_main2{
width:100%;
border-bottom: 1px dashed #c3d0d9;
text-align:left;
}
#menu .spg_navi .spg_navi_btn .spg_navi_main2 img{
margin:30px 0px 30px 100px;
}
#menu .spg_navi .spg_navi_btn .spg_navi_main3{
width:100%;
border-bottom: 1px dashed #c3d0d9;
text-align:left;
}
#menu .spg_navi .spg_navi_btn .spg_navi_main3 img{
margin:30px 0px 30px 100px;
}
#menu .spg_navi .spg_navi_btn .spg_navi_main4{
width:100%;
border-bottom: 1px dashed #c3d0d9;
text-align:left;
}
#menu .spg_navi .spg_navi_btn .spg_navi_main4 img{
margin:30px 0px 30px 100px;
}
#menu .spg_navi .spg_navi_btn .spg_navi_main5{
width:100%;
border-bottom: 1px dashed #c3d0d9;
text-align:left;
}
#menu .spg_navi .spg_navi_btn .spg_navi_main5 img{
margin:30px 0px 30px 100px;
}
#menu .spg_navi .spg_navi_btn .spg_navi_main6{
width:100%;
border-bottom: 1px dashed #c3d0d9;
text-align:left;
}
#menu .spg_navi .spg_navi_btn .spg_navi_main6 img{
margin:30px 0px 30px 100px;
}*/
/*#panel-btn{
display: inline-block;
position: relative;
width: 90px;
height: 86px;
background-color: #bcbaa8;
float:right;
}
#panel-btn:hover{
background: #bcbaa8;
}
#panel-btn-icon{
display: block;
position: absolute;
top: 48%;
left: 33%;
width: 50px;
height: 2px;
margin: -1px 0 0 -7px;
background: #ffffff;
transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 50px;
height: 2px;
background: #ffffff;
transition: .3s;
}
#panel-btn-icon:before{
margin-top: -20px;
}
#panel-btn-icon:after{
margin-top: 18px;
}
#panel-btn .close{
background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
margin-top: 0;
}
#panel-btn .close:before{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}*/
/*sp_top*/
#top .top_wrap{
display:none;
}
#top .sp_ttl{
display:block;
width:100%;
float:left;
background-color: #e6f4ff;
/*border-bottom: 1px dashed #c3d0d9;*/
}
/*#top .sp_top .spg_pan{
width:100%;
float:left;
margin:0 auto;
text-align:center;
overflow:hidden;
background-color:#e8e5d2;
}
#top .sp_top .spg_pan .spg_pan_txt{
margin: 10px 50px 0px 50px;
float:left;
}
#top .sp_top .spg_pan .spg_pan_txt p{
font-size:22px;
}
#top .sp_top .spg_pan .spg_pan_yazi{
float:left;
}
#top .sp_top .spg_pan .spg_pan_txt2{
float:left;
margin:10px 0px 0px 30px;
}
#top .sp_top .spg_pan .spg_pan_txt2 p{
font-size:22px;
}*/
#top .sp_ttl .sp_ttl_wrap{
width:100%;
margin: 0px auto;
text-align: center;
overflow: hidden;
padding: 10px 10px 20px;
}
#top .sp_ttl .sp_ttl_wrap .sp_case{
width: 15%;
height: 15%;
padding: 8px;
background-color: #008aff;
float: left;
}
#top .sp_ttl .sp_ttl_wrap .sp_case .sp_case2{
color: #FFFFFF;
font-size: 6px;
/*margin-top: 8px;*/
}
#top .sp_ttl .sp_ttl_wrap .sp_case p{
color: #FFFFFF;
font-size: 18px;
line-height: 120%
}
#top .sp_ttl .sp_ttl_wrap .sp_ttl_nakami{
margin: 0px;
width:60%;
float:left;
}
#top .sp_ttl .sp_ttl_wrap .sp_ttl_nakami .sp_case_title{
margin:0 0 10px 15px;
}
#top .sp_ttl .sp_ttl_wrap .sp_ttl_nakami .sp_case_title h2{
font-size: 20px;
text-align: left;
display: table-cell;
vertical-align: middle;
line-height:110%;
}
#top .sp_ttl .sp_ttl_wrap .sp_ttl_nakami .sp_huki{
float:left;
margin:0 0 0 15px;
}
#top .sp_ttl .sp_ttl_wrap .sp_ttl_nakami .sp_huki img{
width:100%;
}
#top .sp_ttl .sp_ttl_wrap .sp_ttl_img{
float:right;
margin:0 5px;
width:20%;
}
#top .sp_ttl .sp_ttl_wrap .sp_ttl_img img{
/*height: 160px;*/
width:100%;
}
/*case_sb_menu*/
/*#menu{
border:none;
}*/
#case_sb_menu .sb{
display:none;
}
#case_sb_menu .sp_sb{
display:block;
width: 100%;
margin: 0px auto;
padding: 10px;
text-align: center;
overflow: hidden;
}
#case_sb_menu .sp_sb .sp_sb1{
padding: 0px 5px 5px 0px;
float: left;
width:50%;
}
#case_sb_menu .sp_sb .sp_sb1 img{
width:100%;
}
#case_sb_menu .sp_sb .sp_sb2{
padding: 0px 0px 5px 5px;
float: left;
width:50%;
}
#case_sb_menu .sp_sb .sp_sb2 img{
width:100%;
}
#case_sb_menu .sp_sb .sp_sb3{
padding: 5px 5px 0px 0px;
float: left;
width:50%;
}
#case_sb_menu .sp_sb .sp_sb3 img{
width:100%;
}
#case_sb_menu .sp_sb .sp_sb4{
padding: 5px 0px 0px 5px;
float: left;
width:50%;
}
#case_sb_menu .sp_sb .sp_sb4 img{
width:100%;
}
/*tenpo*/
#cont1{
width: 100%;
float: left;
background-image:none;
}
#cont1 .tenpo{
width: 100%;
height: 100%;
margin: 0px auto;
text-align: center;
overflow: hidden;
padding:0 10px;
}
#cont1 .tenpo .yazi{
display:none;
}
#cont1 .tenpo .yazi_case1{
display:block;
width:100%;
/*height: 390px;*/
float: left;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/sp/yazi");
background-repeat: no-repeat;
background-position: 20px 219px;
background-size:6%;
}
#cont1 .tenpo .yazi_case2{
display:block;
width:100%;
/*height: 330px;*/
float: left;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/sp/yazi");
background-repeat: no-repeat;
background-position: 20px 221px;
background-size:6%;
}
#cont1 .tenpo .yazi_case3{
display:block;
width:100%;
/*height: 380px;*/
float: left;
background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/sp/yazi");
background-repeat: no-repeat;
background-position: 20px 219px;
background-size:6%;
}
#cont1 .tenpo .tenpo_txt{
margin:20px 0;
padding: 10px;
width: auto;
height: auto;
border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/border_bg") 15 round;
background-color: #FFFFFF;
border-style: solid;
border-width: 10px;
float: none;
}
#cont1 .tenpo .tenpo_txt .tenpo_p1{
width: auto;
text-align: left;
font-size: 14px;
font-weight:normal;
line-height: 170%;
}
#cont1 .tenpo .tenpo_txt p{
width: auto;
text-align: left;
font-size: 23px;
font-weight:bold;
line-height: 170%;
}
#cont1 .tenpo .tenpo_zigyou1{
margin:10px 0;
text-align: left;
overflow: hidden;
float:none;
width: auto;
}
#cont1 .tenpo .tenpo_zigyou2{
margin:10px 0;
text-align: left;
overflow: hidden;
float:none;
width: auto;
}
#cont1 .tenpo .tenpo_zigyou3{
margin:10px 0;
text-align: left;
overflow: hidden;
float:none;
width: auto;
}
#cont1 .tenpo .tenpo_img{
width:100%;
margin:20px 0px 20px 0px;
float: none;
}
#cont1 .tenpo .tenpo_img img{
width: 100%;
}
#cont1 .tenpo .tenpo_zigyou1 img{
width: 80%;
}
#cont1 .tenpo .tenpo_zigyou2 img{
width: 80%;
}
#cont1 .tenpo .tenpo_zigyou3 img{
width: 65%;
}
/*導入事例*/
#cont2 .dounyu{
width: 100%;
margin: 0px auto;
text-align: center;
overflow: hidden;
}
#cont2 .dounyu .dounyu_title{
margin: 60px 0px 20px;
}
#cont2 .dounyu .dounyu_title img{
width: 100%;
}
#cont2 .dounyu .dounyu_cont{
margin: 0px auto;
text-align: center;
overflow: hidden;
position:relative;
float:none;
width: auto;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1{
width: auto;
height: auto;
border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round;
border-style: solid;
border-width: 10px;
background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg");
background-repeat: repeat;
padding: 10px;
margin: 10px 10px 0;
float:none;
/*float: left;*/
z-index: 1;
position: static;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_pc{
display:none;
}
/*#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_sp{*/
#cont2 .dounyu .dounyu_cont .kadai_sp{
display:block;
width:80%;
position:absolute;
top:5px;
left:40px;
}
/*#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_sp{
margin-top:-30px;
margin-left: 20px;
}*/
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt1{
margin:10px 0px 20px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt1 h2{
font-size: 19px;
line-height:120%;
margin-top:60px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt2{
margin:20px 0px 10px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt2 h3, #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt4 h3{
font-size: 16px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt2 img, #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt4 img{
vertical-align: middle;
margin:0 5px;
width:5%;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt3, #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt5{
margin-left:30px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt3 p, #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt5 p{
font-size:14px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt4{
margin: 20px 0 10px;
}
/*case1*/
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1{
width: auto;
border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round;
border-style: solid;
border-width: 10px;
background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg");
background-repeat: repeat;
padding: 10px;
margin: 10px 10px 0;
float: none;
z-index: 1;
position: static;
height: auto;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_pc{
display:none;
}
/*#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_sp{
display:block;
}*/
/*#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_sp{
margin-top:-30px;
margin-left: 20px;
}*/
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt1{
margin:10px 0px 20px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt1 h2{
font-size: 19px;
line-height:120%;
margin-top:60px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt2{
margin:20px 0px 10px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt2 h3, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 h3{
font-size: 16px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt2 img, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 img{
vertical-align: middle;
margin:0 5px;
width:5%;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt3, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt5{
margin-left:30px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt3 p, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt5 p{
font-size:14px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4{
margin: 20px 0 10px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 .span2{
margin-left: 30px;
}
/*case3*/
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3{
width: auto;
border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round;
border-style: solid;
border-width: 10px;
background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg");
background-repeat: repeat;
padding: 10px;
margin: 10px 10px 0;
float: none;
z-index: 1;
position: static;
height: auto;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_pc{
display:none;
}
/*#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_sp{
display:block;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_sp{
margin-top:-30px;
margin-left: 20px;
}*/
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt1{
margin:10px 0px 20px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt1 h2{
font-size: 19px;
line-height:120%;
margin-top:60px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2{
margin:20px 0px 10px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 h3, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt4 h3{
font-size: 16px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 img, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt4 img{
vertical-align: middle;
margin:0 5px;
width:5%;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt3, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt5{
margin-left:30px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt3 p, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt5 p{
font-size:14px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt4{
margin: 20px 0 10px;
}
#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 .span11{
margin-left: 30px;
}
#cont2 .dounyu .dounyu_cont .yazi2{
display:none;
}
#cont2 .dounyu .dounyu_cont .sp_yazi2{
display:block;
margin: 10px auto 0;
/*width: 60%;
float: left;
height: 160px;*/
z-index: 2;
/*position: relative;*/
}
#cont2 .dounyu .dounyu_cont .sp_yazi2 img{
width:40%;
}
#cont2 .dounyu .dounyu_cont_after{
margin: 0px auto;
text-align: center;
overflow: hidden;
position:relative;
float: none;
width: auto;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2{
width: auto;
border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round;
border-style: solid;
border-width: 10px;
/*border-bottom-left-radius: 20px;*/
background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg");
background-repeat: repeat;
padding: 10px;
margin: 10px 10px 0;
z-index: 1;
/*position: static;*/
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .after_pc{
display:none;
}
#cont2 .dounyu .dounyu_cont_after .after_sp{
display:block;
width:80%;
position:absolute;
top:5px;
left:40px;
}
/*#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .after_sp{
margin-top:-30px;
margin-left: 20px;
}*/
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt1{
margin:10px 0px 20px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt1 h2{
font-size: 19px;
line-height:120%;
margin-top:60px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2{
margin:20px 0px 10px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2 h3, #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4 h3{
font-size: 16px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2 img, #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4 img{
vertical-align: middle;
margin:0 5px;
width:5%;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt3, #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt5{
margin-left:30px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt3 p, #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt5 p{
font-size:14px;
}
/*#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4 h3{
font-size: 27px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt5 p{
font-size:24px;
}*/
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt5{
margin-bottom:0;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 img{
vertical-align: middle;
margin:0 5px;
width:5%; }
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 h3{
font-size: 16px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 h3{
font-size: 16px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 img{
vertical-align: middle;
margin:0 5px;
width:5%;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 .span4{
margin-left: 30px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 .span6{
margin-left: 30px;
}
#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 .span7{
margin-left: 30px;
}
#cont2 .riyu_cont3{
width: 100%;
float: none;
margin-top: 50px;
background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/riyu_bg_1line");
background-repeat: no-repeat;
background-color: #faf9ef;
background-size:100%;
}
#cont2 .riyu_cont3 .riyu_title{
width: 100%;
text-align: center;
margin: 0px auto;
overflow: hidden;
background-image:none;
/*background-repeat: no-repeat;
background-position: 300px 137px;*/
}
#cont2 .riyu_cont3 .riyu_title p{
font-size:21px;
margin:25px auto 50px;
}
#cont2 .riyu_cont3 .riyu_naiyou{
display:none;
}
#cont2 .riyu_cont3 .riyu_naiyou_sp{
display:block;
width: 100%;
float: none;
/*margin-top: 10px;*/
padding:0 10px;
background-color: #faf9ef;
}
#cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_txt1_sp p{
font-size: 19px;
font-weight: bold;
margin: 10px;
}
#cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_txt1_sp{
/*width: 640px;*/
margin: 0px auto;
text-align: left;
overflow: hidden;
}
#cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_nakami_sp{
/*width: 640px;*/
margin: 0px auto;
text-align: left;
overflow: hidden;
}
/*#cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_txt2_sp{
float: left;
margin: 0px 20px 0px 20px;
width:600px;
}*/
#cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_txt2_sp p{
font-size: 14px;
}
#cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_img_sp{
width: 100%;
text-align: center;
float:left;
margin-top:30px;
}
#cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_img_sp img{
width: 40%;
}
#cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_btn_sp{
text-align: center;
margin: 20px 0px 30px 0px ;
float: none;
}
#cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_btn_sp img{
width: 40%;
}
#cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_btn_sp p{
font-size:12px;
}
/*お客様の声*/
#cont3{
width: 100%;
float: none;
margin-top: 0;
padding: 0;
}
#cont3 .koe{
width: 100%;
margin: 0px auto;
text-align: center;
overflow: hidden;
}
#cont3 .koe .koe_title{
margin:60px 0px 20px;
}
#cont3 .koe .koe_title img{
width: 100%;
}
#cont3 .koe .koe_meritto{
padding:0 10px;
}
#cont3 .koe .koe_meritto .koe_txt{
width: 100%;
text-align:left;
overflow: hidden;
float: left;
margin: 0 auto;
}
#cont3 .koe .koe_meritto .koe_txt .koe_txtimg{
/*text-align: left;*/
margin:20px 0;
}
#cont3 .koe .koe_meritto .koe_txt .koe_txtimg img{
width:100%;
}
#cont3 .koe .koe_hannou .hannou_txt{
width:100%;
padding:0 10px;
}
#cont3 .koe .koe_hannou .hannou_txt .hannou_txtimg{
margin-bottom:30px;
}
#cont3 .koe .koe_hannou .hannou_txt img{
width:65%;
}
#cont3 .koe .koe_hannou .hannou_txt .stafficon_2{
width:100%;
}
#cont3 .koe .koe_meritto .koe_txt .p1{
/*margin:20px;*/
font-size:19px;
margin-bottom:15px;
}
#cont3 .koe .koe_meritto .koe_txt .p2{
/*margin:20px;*/
font-size:14px;
margin-bottom:15px;
}
#cont3 .koe .koe_meritto .koe_txt .p3{
/*margin:20px;*/
font-size:19px;
margin-bottom:15px;
}
#cont3 .koe .koe_meritto .koe_txt .p4{
/*margin:20px;*/
font-size:14px;
margin-bottom:15px;
}
#cont3 .koe .koe_meritto .koe_img{
display:none;
}
/*sp_koe_img_cont*/
#cont3 .koe .koe_meritto .koe_txt .sp_koe_img_cont{
display:block;
width:100%;
margin: 20px 0px 20px 0px;
z-index:99;
overflow:hidden;
}
#cont3 .koe .koe_meritto .koe_txt .sp_koe_img_cont .sp_koe_img1_cont{
float:left;
margin: 0;
width:49%;
}
#cont3 .koe .koe_meritto .koe_txt .sp_koe_img_cont .sp_koe_img1_cont img{
width:100%;
}
#cont3 .koe .koe_meritto .koe_txt .sp_koe_img_cont .sp_koe_img2_cont{
float:right;
margin: 0;
width:49%;
}
#cont3 .koe .koe_meritto .koe_txt .sp_koe_img_cont .sp_koe_img2_cont img{
width:100%;
}
#cont3 .koe .koe_meritto .sp_koe_img{
display:block;
width:100%;
margin: 20px 0px;
overflow:hidden;
}
#cont3 .koe .koe_meritto .sp_koe_img .sp_koe_img1{
float:left;
/*margin: 0px 20px 20px 0px;*/
width: 49%;
}
#cont3 .koe .koe_meritto .sp_koe_img .sp_koe_img1 img{
width: 100%;
}
#cont3 .koe .koe_meritto .sp_koe_img .sp_koe_img2{
float:right;
width: 49%;
}
#cont3 .koe .koe_meritto .sp_koe_img .sp_koe_img2 img{
width: 100%;
}
/*#cont3 .koe .koe_meritto .sp_koe_img_cont img{
width: 310px;
height: 200px;
}
#cont3 .koe .koe_meritto .sp_koe_img img{
width: 310px;
height: 200px;
}*/
#cont3 .koe .koe_hannou{
width: 100%;
/*margin: 20px;
text-align: left;
overflow: hidden;
float: left;*/
}
#cont3 .koe .koe_hannou .hannou_txt .p1{
font-size:19px;
margin-bottom:15px;
}
#cont3 .koe .koe_hannou .hannou_txt .p2{
font-size:14px;
/*margin-bottom:15px;*/
}
#cont3 .koe .koe_hannou .hannou_img{
display:none;
}
#cont3 .koe .koe_hannou .sp_hannou_img{
display:block;
text-align:center;
width:100%;
margin:20px;
}
div.sp_hannou_img1 img{
width:49%;
margin:20px;
}
#cont3 .syousai_box{
width: 100%;
padding: 0 10px;
/*margin-bottom:50px;*/
}
#cont3 .syousai{
width: 100%;
margin:0;
padding: 10px;
text-align: center;
overflow: hidden;
background-color: #faf9ef;
border: 1px dashed #c3d0d9;
}
#cont3 .syousai .syouai1 .syousai_icon{
/* float:left; */
width:30%;
margin: 0 30px 0 0;
max-width: unset;
}
#cont3 .syousai .syouai1 .syousai_icon img{
width:100%;
}
#cont3 .syousai .syouai1 .syousai_txt{
width:65%;
text-align: left;
/* float: right; */
font-size: 11px;
margin-right:0px;
}
#cont3 .syousai .syouai1 .syousai_txt a{
font-size: 10px;
}
#cont3 .syousai .syousai2 .syousai_txt4{
/*float: left;
text-align: left;*/
margin: 20px 0px 0px 0px;
font-size:12px;
}
#cont3 .syousai .syouai1 .syousai_txt2 .span8{
margin-left: 98px;
width: 150px;
font-weight: normal;
}
#cont3 .syousai .syouai1 .syousai_txt2 .span9{
font-weight: normal;
width: 100px;
margin-left:95px;
}
/*導入機種*/
#cont4 .kisyu{
width: 100%;
height: auto;
float: none;
margin-top: 50px;
background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/riyu_bg_2line");
background-repeat: no-repeat;
background-color:#faf9ef;
background-size:100% 135px;
padding-bottom: 30px;
}
#cont4 .kisyu .kisyu_title{
width: 100%;
height: 135px;
/* margin: 50px auto 0px; */
/* text-align: center; */
margin: 0px auto;
/* overflow: hidden; */
background-image: none;
/*background-repeat: no-repeat;
background-position: 300px 152px;*/
padding-top: 0;
}
#cont4 .kisyu .kisyu_title p{
font-size:21px;
margin:25px 0 40px;
}
#cont4 .kisyu .kisyu_nakami{
width: 100%;
padding:0 10px;
margin: 20px auto 0;
text-align: left;
overflow: hidden;
}
#cont4 .kisyu .kisyu_nakami .kisyu_img{
float: left;
margin:0;
width:40%;
}
#cont4 .kisyu .kisyu_nakami .kisyu_img img{
width:100%;
}
#cont4 .kisyu .kisyu_nakami .kisyu_img p{
font-size:12px;
margin-bottom:20px;
}
#cont4 .kisyu .kisyu_nakami .kisyo_txt{
display:none;
}
#cont4 .kisyu .kisyu_nakami .sp_kisyu_txt{
display:block;
width:55%;
float:right;
/*margin: 20px 20px 0px 20px;*/
}
#cont4 .kisyu .kisyu_nakami .sp_kisyu_txt p{
font-size: 15px;
font-weight: bold;
}
#cont4 .kisyu .kisyu_nakami .sp_kisyu_btn{
display:block;
width:100%;
/*float:left;*/
margin: 0;
}
#cont4 .kisyu .kisyu_nakami .sp_kisyu_btn1{
margin:0px 0px 20px 0px;
}
#cont4 .kisyu .kisyu_nakami .sp_kisyu_btn1 img{
width:100%;
}
#cont4 .kisyu .kisyu_nakami .sp_kisyu_btn2{
/*margin-right:20px;*/
width:48%;
float:left;
}
#cont4 .kisyu .kisyu_nakami .sp_kisyu_btn3{
width:48%;
float:right;
}
#cont4 .kisyu .kisyu_nakami .sp_kisyu_btn2 img{
width:100%;
}
#cont4 .kisyu .kisyu_nakami .sp_kisyu_btn3 img{
width:100%;
}
#cont4 .goriyou{
display:none;
}
#cont4 .sp_goriyou{
display:block;
width:600px;
float:left;
margin: 100px 20px 50px 20px;
text-align: left;
overflow: hidden;
border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg_goriyou") 15 round;
background-color: #FFFFFF;
border-style: solid;
border-width: 10px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami{
margin:20px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_title{
text-align:center;
border-bottom: 1px dashed #c3d0d9;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_title p{
font-size:26px;
font-weight:bold;
margin-bottom:10px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku{
margin:20px 0px 20px 0px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_manual{
float:left;
border-right:2px solid #d4d1bc;
border-bottom: 2px solid #d4d1bc;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_manual .sp_manual_icon{
text-align:center;
margin:0px 60px 0px 60px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_manual .sp_manual_txt{
text-align:center;
margin:20px 35px 20px 35px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_manual .sp_manual_txt .p_manual{
font-size:21px;
font-weight:bold;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_manual .sp_manual_txt .p{
font-size:18px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_support{
border-bottom: 2px solid #d4d1bc;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_support .sp_support_icon{
text-align:center;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_support .sp_support_txt{
text-align:center;
margin:20px 0px 20px 0px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_support .sp_support_txt .p_support{
font-size:21px;
font-weight:bold;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_support .sp_support_txt .p{
font-size:18px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_toiawase{
border-right:2px solid #d4d1bc;
float:left;
padding-right: 0.2px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_toiawase .sp_toiawase_icon{
text-align:center;
margin:20px 60px 0px 60px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_toiawase .sp_toiawase_txt{
text-align:center;
margin: 20px 40px 20px 33.9px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_toiawase .sp_toiawase_txt .p_toiawase{
font-size:21px;
font-weight:bold;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_toiawase .sp_toiawase_txt .p{
font-size:18px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_syuuri{
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_syuuri .sp_syuuri_icon{
text-align:center;
margin-top:20px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_syuuri .sp_syuuri_txt{
text-align:center;
margin-top:20px;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_syuuri .sp_syuuri_txt .p_syuuri{
font-size:21px;
font-weight:bold;
}
#cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_syuuri .sp_syuuri_txt .p{
font-size:18px;
}
#pc-side-nav-case.sidebar {
display:none;
top: 0;
left: 0;
width: 100%;
height:100%;
z-index: 2;
position: fixed;
visibility:hidden;
}
#pc-side-nav-case.sidebar img{
position:absolute;
top:70%;
right:0;
z-index:1;
visibility:visible;
}
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}
.fixed3{
position: fixed;
top: 325px;
width: 100%;
z-index: 99;
}
.fixed4{
position: fixed;
top: 53px;
width: 100%;
z-index: 99;
}
/*footer*/
#footer .footer_txt{
width: 640px;
margin: 20px auto;
text-align: center;
overflow: hidden;
}
}
@media screen and (max-width: 320px){
#cont1 .tenpo .yazi_case2{
background-position: 20px 222px;
background-size:6%;
}
}
.show_pc {
display: block !important;
}
.show_sp {
display: none !important;
}
@media (max-width: 640px) {
.show_pc,
.show_pc_i {
display: none !important;
}
.show_sp {
display: block !important;
}
.hidden_sp {
display: none !important;
}
}
#info{padding:0 10px;}
#customer {
/* position: relative; */
margin: 20px auto 70px;
padding: 30px;
background: #fff;
overflow: hidden;
border-radius: 10px;
border: 1px solid #d4d1bc;
overflow: hidden;
}
#customer h3 {
margin: 0 auto 10px;
padding-bottom: 10px;
font-size: 18px;
text-align: left;
border-bottom: 1px dashed #d4d1bc;
}
#customer dl {
float: left;
width: 50%;
margin-top: 20px;
overflow: hidden;
}
#customer dl dt {
font-size: 18px;
font-weight: bold;
line-height: 1.5em;
text-align: left;
}
#customer dl dt > a {
display: inline-block;
float: left;
margin-right: 20px;
vertical-align: bottom;
}
#customer dl dd {
text-align: left;
line-height: 1.2em;
}
#customer dl dd a {
display: inline-block;
margin: 5px 0;
padding: 0 10px;
vertical-align: middle;
border-right: 1px solid #1f1800;
}
#customer dl dd a:first-of-type {
border-left: 1px solid #1f1800;
}
@media screen and (max-width : 640px){
#customer {
width: auto;
margin: 20px 20px 40px;
padding: 30px 18px;
}
#customer h3 {
margin: 0 auto 20px;
padding-bottom: 10px;
font-size: 14px;
text-align: center;
border-bottom: 1px dashed #d4d1bc;
}
#customer dl {
float: left;
width: 50%;
margin-top: 0;
padding: 20px;
overflow: hidden;
}
#customer dl:nth-child(even) {
padding-left: 0;
border-right: 1px solid #d4d1bc;
}
#customer dl:nth-child(odd) {
padding-right: 0;
}
#customer dl:nth-child(2),
#customer dl:nth-child(3) {
padding-top: 0;
}
#customer dl:nth-child(4),
#customer dl:nth-child(5) {
padding-bottom: 0;
border-top: 1px solid #d4d1bc;
}
#customer dl dt {
font-size: 11px;
text-align: center;
}
#customer dl dt img {
width: 60%;
margin-bottom:5px;
}
#customer dl dt >a {
display: block;
float: none;
margin: 0 auto;
text-align: center;
vertical-align: bottom;
}
#customer dl dd {
font-size: 11px;
text-align: center;
line-height:1.4em;
}
#customer dl dd a {
display: none;
}
}
.new_win{
vertical-align:middle;
margin-right:5px;
margin-left:5px;
}