/*==================

 *1280px〜大型PC
 *960px〜小型PC
 *600px〜タブレット
 *〜320px：SP縦
==================*/
/*追加*/
h2.contentsu_title {
    border-bottom: solid 4px #e4007f;
}
ul.list {
    padding-left: 4%; 
}
ul.list li {
    list-style-type: disc;
}
/* cleatfix */

.clearfix {zoom:1;}
.clearfix:after {
    content : ""    ;
    display : block ;
    clear   : both  ;
}

p {
    line-height : 1.75;
}

@media screen and (min-width:1280px) {
    /*　画面サイズが1280pxからはここを読み込む　*/
    /* 全体 */
    #cnsh {
        width: 100%;
        height: 100%;
        margin: 0 auto!important;
	}
    #contentsu {
        background: #FFF;
    }
    
    /*サブナビ調整*/   
    #subnav_area {
        position: fixed;
        top: 80px;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 80px;
        background: #FFF;
        color: #000;
        font-size: 14px;
        transition: .3s;
    }
    #subnav ul li.pro_logo {
        width: 20%;
        padding-right: 0;
        transition: .3s;
        text-align: left;
    }
    #subnav ul li.pro_logo img {
        width: 65%;
    }
    #subnav ul li{
        float: left;
        width: 16%;
        margin-right: 0;
        line-height: 3;
        text-align: right;
    }
    #subnav ul li a{
        text-decoration: none;
        color: #000;
    }
    #subnav ul li.current a {
        display: inline-block;
        height: 100%;
        border-bottom: solid 2px #000;
    }
    header.is-fixed #subnav_area {
        padding: 0;
        background: rgba(255,255,255,0.9);
    }
    header.is-fixed #subnav_area,
    header.is-fixed #subnav_area a{
        color: #000;
    }
    header.is-fixed #subnav ul li.pro_logo {
        width: 20%;
        text-align: left;
    }
    header.is-fixed #subnav ul li {
        width: 16%;
        line-height: 2;
    }
    header.is-fixed #subnav ul li.pro_logo img {
        width: 50%;
        transition: .3s;
    }
    header.is-fixed #subnav ul li.current a {
        border-bottom: solid 2px #000;
    }
    
    
    /* メイン */
    #main_area_pro {
		position: relative;
		width: 100%;
        height: 1000px;
        top: 0;
		left: 0;
		margin: 0 auto;
        background: #FFF url(../img/censhare_main_bg.png) no-repeat center center;
        background-size: cover;
    }
    #main_area_pro .main_inner {
        display: flex;
		position: relative;
        top: 0;
		width: 100%;
		margin: 0 auto;
    }
    #main_area_pro .main_photo {
        flex: 1;
        height: 980px;
        background:url(../img/censhare_mainpc.png) no-repeat right bottom;
        background-size: auto;
    }
    
    #main_area_pro .main_copy {
        width: 50%;
        text-align: left;
    }
    #main_area_pro .main_copy .text_area {
        width: 580px;
        padding: 380px 0 0 40px;
        text-align: left;
    }
    #main_area_pro .main_copy h2 {
        margin: 0 0 5%; 
        font-size: 187.5%;
        letter-spacing: 3px;
        color: #000;
        text-align: left;
        font-weight: bold;
    }
    #main_area_pro .main_copy h3 {
        margin: 0 0 8%;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.8;
        color: #000;
        border: none;
    }    
    #main_area_pro .main_copy .for{
        margin: 5% 0 0;
        padding: 5% 0 0;
        border-top: solid 1px #FFF;
    }
    
    /*メインbtn調整*/
    #main_area_pro .main_btn {
        width: 45%; 
        margin: 0 0 0 auto;
    }
    #main_area_pro .main_btn .btn_area .btn2,
    #main_area_pro .main_btn .btn_area .btn02 {
        width: 100%;
    }
    
    
    
    /*コンテンツ配下のメイン*/
    #main_area_pro2 {
		position: relative;
		width: 100%;
		height: 6.25rem;/*100px*/
		left: 0;
		margin: 0 auto;
		background: #f3f3f3;
    }
    #main_area_pro2 .main_inner {
        overflow: hidden;
		width: 65rem;/*1040px*/
		margin: 0 auto;
        padding: 2% 0;
        color: #FFF;
    }
    #main_area_pro2 .main_inner > div {
        overflow: hidden;
    }
    #main_area_pro2 .main_inner > div > h2 {
        float: left;
        margin-right: 3%;
        padding-right: 3%;
        color: #000;
        font-size: 2.187rem;/*35px*/
        font-weight: normal;
        border-right: solid 2px #000;
    }
    #main_area_pro2 .main_inner > div > div {
        line-height: 3;
    }
    #main_area_pro2 .main_inner > div > div > img {
        width: 30%;
    }
    
    /* H2 */
    #cnsh h2.contentsu_title {
        position: relative;
        display: inline-block;
        margin-bottom: 1em;
        border-bottom: 0px;
    }
    #cnsh h2.contentsu_title:before {
        content: '';
        position: absolute;
        bottom: -15px;
        display: inline-block;
        width: 60px;
        height: 5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #e4007f;
        border-radius: 2px;
    }
    #cnsh h2.contentsu_title span.keyword {
        color: #666;
        font-size: 62.5%;
    }
    /*TOP用H3*/
    #cnsh h3.top_pro_title {
        display: block;
        margin: 0 0 3%;
        padding: 1% 1%;
        color: #FFF;
        background: #2b2b2b;
        border-bottom: none;
        font-size: 112.5%; /*18px*/
    }
    #cnsh h3.top_pro_title::before {
        padding-right: 1%;
        content: "\02713";
    }
    #cnsh h3.pro_title {
        margin: 0 0 3%;
        padding: 0 0 0 2%;
        color: #333;
        border-left: solid 5px #fcb131; 
        border-bottom: none;
        font-size: 112.5%; /*18px*/
    }
    #cnsh h3.pro_title {
        margin: 0 0 0.937rem;/*15px*/
        padding: 0 0 0 0.625rem;/*10px*/
        color: #333;
        border-left: solid 5px #e4007f; 
        border-bottom: none;
        font-size: 1.25rem; /*20px*/
    }

   /*4つのソリューション*/
    #cnsh #solutions_area > ul {
        margin: 2% 0 0;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #cnsh #solutions_area > ul > li {
        width: 49%;
        margin-bottom: 2%;
        padding: 2%;
        border: solid 4px #CCC;
        text-align: center;
    }
    #cnsh #solutions_area > ul > li > h4 {
        color: #000;
        font-size: 125%;
        line-height: 1.4;
    }
    #cnsh #solutions_area > ul > li > h4 > span {
        position: relative;
        display: inline-block;
        margin: 0 0 5%;
        padding: 0 5px;
        width: 30px;
        height: 30px;
        line-height: 2;
        text-align: center;
        color: #FFF;
        font-size: 15px;
        font-weight: bold;
        background: #e4007f;
        border-radius: 50%;
        box-sizing: border-box;
    }
    #cnsh #solutions_area > ul > li > h4 > span:before {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 50%;
        margin-left: -5px;
        border: 5px solid transparent;
        border-top: 15px solid #e4007f;
        z-index: 0;
    }
    #cnsh #solutions_area > ul > li > p {
        margin: 5% 0 3%;
        text-align: left;
    }
    #cnsh #solutions_area figure {
        margin: 4% 0;
    }
    
    h2.pro_main_title {
        margin: 0 0 4%;
        padding: 1.5% 0 1%;
        color: #000;
        font-size: 157%;
        border-top: solid 2px #2b2b2b;
        border-bottom: solid 4px #2b2b2b;
    }

     /*flex*/
    ul.flex_box {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        margin: 0 0 3%;
    }
    ul.flex_box li {
        width: calc((100% / 3) - 1%);
        margin-right: 1.5%;
        text-align: center;
    }
    ul.flex_box li:nth-child(3n) {
        margin-right: 0!important;
	}
    ul.flex_box li > figure {
        position: relative;
        height: 220px;
        vertical-align: middle;
    }
    ul.flex_box li > figure img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    ul.flex_box li > div.min_title {
        position: relative;
        height: 60px;
        vertical-align: middle;
    }
    ul.flex_box li > div.min_title > h4 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    ul.flex_box li > p {
        width: 88%;
        margin: 0 auto;
        text-align: left;
    }
   .flex_box_2col {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        justify-content: space-between;
    }
    .flex_box_2col > div {
        width: 49%;
    }
    ul.case_study_box {
        margin: 0 0 4%;
    }
    ul.case_study_box li {
        display: table;
        margin: 0 0 2%;
    }
    ul.case_study_box li > div {
        display: table-cell;
        padding-left: 2%;
        width: 60%;
        vertical-align: top;
    }
    ul.case_study_box li > figure {
        display: table-cell;
        width: 38%;
        vertical-align: top;
    }
    ul.case_study_box li > div > h4 {
        margin: 0 0 4%;
        color: #4f5461;
        font-size: 125%;
        border-bottom: solid 1px #CCC; 
    }
    ul.case_study_box li > div > p {
        font-size: 88%;
    }
    ul.case_study_box li > div > p > span {
        font-size: 157%;
        font-weight: bold;
    }
    ul.pattern_box {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        justify-content: space-between;
    }
    /*選べるシステム*/
    ul.pattern_box {
        margin: 0 0 3%;
    }
    ul.pattern_box li {
        width: 45%;
    }
    ul.pattern_box li > h4 {
        text-align: center;
    }
    ul.pattern_box li > figure {
        margin: 3% 0;   
    }
    ul.point {
        margin: 3% 0 0;
        padding-left: 8%; 
    }
    ul.point li {
        margin: 0 0 2%;
        list-style: disc;
    }
    /*グレーボックス*/
    .list_box {
        margin: 3% 0 0;
        padding: 2%;
        background: #F1F1F1;
    }
    .list_box h4 {
        text-align: center;
    }
    .list_box ul {
        padding: 2%;
        background: #F1F1F1;
    }
    .list_box ul li {
        width: 85%;
        margin: 0 auto;
        padding: 0 0 0 2%;
        list-style-type: disc;
    } 
    
    dl.brd_box {
        margin: 0 0 4%;
        padding: 2%;
        border: solid 1px #CCC;
    }
    .ht180 {
        height: 180px!important;
    }
    .pt15 {
        padding-top: 15px; 
    }

    /*アコーディオン*/
    .accordionbox{
        width: 100%;
        padding: 20px;
    }
    .accordionlist dt{
        display:block;
        background: #FFF;
        padding: 2% 2% 1%;
        background-color: #f1efe9;
        border-top: 2px solid #E4E4E4;
    }
    .accordionlist dt:first-child{
        border-top: none !important;
    }
    .accordionlist dt .title{
        float: left;
        margin: 0;
        font-size: 113%;
        font-weight: bold;
    }
    .accordionlist dd{
        display:none;
        margin-bottom: 0;
        padding: 2% 2% 3%;
        background: #F1F1F1;
    }
    .accordion_icon,
    .accordion_icon span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    .accordion_icon {
        position: relative;
        width: 30px;
        height: 30px;
        float: right;
    }
    .accordion_icon span {
        position: absolute;
        left: 6px;
        width: 50%;
        height: 2px;
        background-color: #e4007f;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
    }
    .accordion_icon span:nth-of-type(1) {
        top: 5px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    .accordion_icon span:nth-of-type(2) {
        top: 5px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }
    /*＋、×切り替え*/
    .accordion_icon.active span:nth-of-type(1) {
        top: 5px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    .accordion_icon.active span:nth-of-type(2) {
        top: 5px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
    .ht200{height: 200px!important;}
    .img_w70{width: 70%;}
    
    
    /*ユーザー事例*/
    #cnsh ul.case_box {
		display: flex;
		flex-wrap: wrap;
    }
    #cnsh ul.case_box li {
		width: 48%;
        margin-bottom: 2%;
		margin-right: 2%;
        padding: 2% 2%;
        border: solid 1px #CCC;
		background: #FFF;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
    #cnsh ul.case_box li:nth-child(2n+0)  {
        margin-right: 0;
    }
    #cnsh ul.case_box li figure {
        margin: 0 0 3%;
    }
    #cnsh ul.case_box li > ul {
        display: block;
    }
    #cnsh ul.case_box li > ul > li {
        width: 94%!important;
        margin-left: 6%;
        padding: 0;
        border: 0;
        list-style: disc;
    } 
}

@media screen and (min-width:960px) and ( max-width:1279px) {
    /*　画面サイズが960pxから1280pxまではここを読み込む　*/
    /* 全体 */
    #cnsh {
	width: 100%;
	height: 100%;
	margin: 0 auto!important;
	}
    #contentsu {
        background: #FFF;
    }
    
    /*サブナビ調整*/   
    #subnav_area {
        position: fixed;
        top: 80px;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 80px;
        background: #FFF;
        color: #000;
        font-size: 14px;
        transition: .3s;
    }
    #subnav ul li.pro_logo {
        width: 20%;
        padding-right: 0;
        transition: .3s;
        text-align: left;
    }
    #subnav ul li.pro_logo img {
        width: 65%;   
    }
    #subnav ul li{
        float: left;
        width: 16%;
        margin-right: 0;
        line-height: 3;
        text-align: right;
    }
    #subnav ul li a{
        text-decoration: none;
        color: #000;
    }
    #subnav ul li.current a {
        display: inline-block;
        height: 100%;
        border-bottom: solid 2px #000;
    }
    header.is-fixed #subnav_area {
        padding: 0;
        background: rgba(255,255,255,0.9);
    }
    header.is-fixed #subnav_area,
    header.is-fixed #subnav_area a{
        color: #000;
    }
    header.is-fixed #subnav ul li.pro_logo {
        width: 20%;
        text-align: left;
    }
    header.is-fixed #subnav ul li {
        width: 16%;
        line-height: 2;
    }
    header.is-fixed #subnav ul li.pro_logo img {
        width: 50%;
        transition: .3s;
    }
    header.is-fixed #subnav ul li.current a {
        border-bottom: solid 2px #000;
    }
    
    
    /* メイン */
    #main_area_pro {
		position: relative;
		width: 100%;
        height: 1000px;
        top: 0;
		left: 0;
		margin: 0 auto;
        background: #FFF url(../img/censhare_main_bg.png) no-repeat center center;
        background-size: cover;
    }
    #main_area_pro .main_inner {
        display: flex;
		position: relative;
        top: 0;
		width: 100%;
		margin: 0 auto;
    }
    #main_area_pro .main_photo {
        flex: 1;
        height: 980px;
        background:url(../img/censhare_mainpc.png) no-repeat right bottom;
        background-size: auto;
    }
    
    #main_area_pro .main_copy {
        width: 50%;
        text-align: left;
    }
    #main_area_pro .main_copy .text_area {
        width: 94%;
        padding: 380px 0 0 40px;
        text-align: left;
    }
    #main_area_pro .main_copy h2 {
        margin: 0 0 5%; 
        font-size: 187.5%;
        letter-spacing: 3px;
        color: #000;
        text-align: left;
        font-weight: bold;
    }
    #main_area_pro .main_copy h3 {
        margin: 0 0 8%;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.8;
        color: #000;
        border: none;
    }    
    #main_area_pro .main_copy .for{
        margin: 5% 0 0;
        padding: 5% 0 0;
        border-top: solid 1px #FFF;
    }
    
    /*メインbtn調整*/
    #main_area_pro .main_btn {
        width: 55%; 
        margin: 0 0 0 auto;
    }
    #main_area_pro .main_btn .btn_area .btn2,
    #main_area_pro .main_btn .btn_area .btn02 {
        width: 100%;
    }
    
    /*コンテンツ配下のメイン*/
    #main_area_pro2 {
		position: relative;
		width: 100%;
		height: 5.625rem;/*90px*/
		left: 0;
		margin: 0 auto;
		background: #f3f3f3;
    }
    #main_area_pro2 .main_inner {
        overflow: hidden;
		width: 65rem;/*1040px*/
		margin: 0 auto;
        padding: 2% 2%;
        color: #FFF;
    }
    #main_area_pro2 .main_inner > div {
        overflow: hidden;
    }
    #main_area_pro2 .main_inner > div > h2 {
        float: left;
        margin-right: 3%;
        padding-right: 3%;
        color: #000;
        font-size: 2.187rem;/*35px*/
        font-weight: normal;
        border-right: solid 2px #000;
    }
    #main_area_pro2 .main_inner > div > div {
        line-height: 3;
    }
    #main_area_pro2 .main_inner > div > div > img {
        width: 25%;
    }
    
    /* 見出し */
    #cnsh h2.contentsu_title {
        position: relative;
        display: inline-block;
        margin-bottom: 1em;
        border-bottom: 0px;
    }
    #cnsh h2.contentsu_title:before {
        content: '';
        position: absolute;
        bottom: -15px;
        display: inline-block;
        width: 60px;
        height: 5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #e4007f;
        border-radius: 2px;
    }
    #cnsh h2.contentsu_title span.keyword {
        color: #666;
        font-size: 62.5%;
    }
    /*TOP用H3*/
    #cnsh h3.top_pro_title {
        display: block;
        margin: 0 0 3%;
        padding: 1% 1%;
        color: #FFF;
        background: #2b2b2b;
        border-bottom: none;
        font-size: 112.5%; /*18px*/
    }
    #cnsh h3.top_pro_title::before {
        padding-right: 1%;
        content: "\02713";
    }
    #cnsh h3.pro_title {
        margin: 0 0 3%;
        padding: 0 0 0 2%;
        color: #333;
        border-left: solid 5px #e4007f; 
        border-bottom: none;
        font-size: 112.5%; /*18px*/
    }

    /*4つのソリューション*/
    #cnsh #solutions_area > ul {
        margin: 2% 0 0;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #cnsh #solutions_area > ul > li {
        width: 49%;
        margin-bottom: 2%;
        padding: 2%;
        border: solid 4px #CCC;
        text-align: center;
    }
    #cnsh #solutions_area > ul > li:nth-child(3n) {
        margin-right: 0 !important;
    }
    #cnsh #solutions_area > ul > li > h4 {
        color: #000;
        font-size: 125%;
        line-height: 1.4;
    }
    #cnsh #solutions_area > ul > li > h4 > span {
        position: relative;
        display: inline-block;
        margin: 0 0 5%;
        padding: 0 5px;
        width: 30px;
        height: 30px;
        line-height: 2;
        text-align: center;
        color: #FFF;
        font-size: 15px;
        font-weight: bold;
        background: #e4007f;
        border-radius: 50%;
        box-sizing: border-box;
    }
    #cnsh #solutions_area > ul > li > h4 > span:before {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 50%;
        margin-left: -5px;
        border: 5px solid transparent;
        border-top: 15px solid #e4007f;
        z-index: 0;
    }
    #cnsh #solutions_area > ul > li > p {
        margin: 5% 0 3%;
        text-align: left;
    }
    
    h2.pro_main_title {
        margin: 0 0 4%;
        padding: 1.5% 0 1%;
        color: #000;
        font-size: 157%;
        border-top: solid 2px #2b2b2b;
        border-bottom: solid 4px #2b2b2b;
    }
    #cnsh h3.pro_title {
        margin: 0 0 3%;
        padding: 0 0 0 2%;
        color: #333;
        border-left: solid 5px #e4007f; 
        border-bottom: none;
        font-size: 1.25rem; /*20px*/
    }
     /*flex*/
    ul.flex_box {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        margin: 0 0 3%;
    }
    ul.flex_box li {
        width: calc((100% / 3) - 1%);
        margin-right: 1.5%;
        text-align: center;
    }
    ul.flex_box li:nth-child(3n) {
        margin-right: 0!important;
	}
    ul.flex_box li > figure {
        position: relative;
        height: 220px;
        vertical-align: middle;
    }
    ul.flex_box li > figure img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    ul.flex_box li > div.min_title {
        position: relative;
        height: 60px;
        vertical-align: middle;
    }
    ul.flex_box li > div.min_title > h4 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    ul.flex_box li > p {
        width: 88%;
        margin: 0 auto;
        text-align: left;
    }
   .flex_box_2col {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        justify-content: space-between;
    }
    .flex_box_2col > div {
        width: 49%;
    }
    ul.case_study_box {
        margin: 0 0 4%;
    }
    ul.case_study_box li {
        display: table;
        margin: 0 0 2%;
    }
    ul.case_study_box li > div {
        display: table-cell;
        padding-left: 2%;
        width: 60%;
        vertical-align: top;
    }
    ul.case_study_box li > figure {
        display: table-cell;
        width: 38%;
        vertical-align: top;
    }
    ul.case_study_box li > div > h4 {
        margin: 0 0 4%;
        color: #4f5461;
        font-size: 125%;
        border-bottom: solid 1px #CCC; 
    }
    ul.case_study_box li > div > p {
        font-size: 88%;
    }
    ul.case_study_box li > div > p > span {
        font-size: 157%;
        font-weight: bold;
    }
    ul.pattern_box {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        justify-content: space-between;
    }
    /*選べるシステム*/
    ul.pattern_box {
        margin: 0 0 3%;
    }
    ul.pattern_box li {
        width: 45%;
    }
    ul.pattern_box li > h4 {
        text-align: center;
    }
    ul.pattern_box li > figure {
        margin: 3% 0;   
    }
    ul.point {
        margin: 3% 0 0;
        padding-left: 8%; 
    }
    ul.point li {
        margin: 0 0 2%;
        list-style: disc;
    }
    /*グレーボックス*/
    .list_box {
        margin: 3% 0 0;
        padding: 2%;
        background: #F1F1F1;
    }
    .list_box h4 {
        text-align: center;
    }
    .list_box ul {
        padding: 2%;
        background: #F1F1F1;
    }
    .list_box ul li {
        width: 85%;
        margin: 0 auto;
        padding: 0 0 0 2%;
        list-style-type: disc;
    } 
    
    
    dl.brd_box {
        margin: 0 0 4%;
        padding: 2%;
        border: solid 1px #CCC;
    }
    .ht180 {
        height: 180px!important;
    }
    .pt15 {
        padding-top: 15px; 
    }
    
    /*アコーディオン*/
    .accordionbox{
        width: 100%;
        padding: 20px;
    }
    .accordionlist dt{
        display:block;
        background: #FFF;
        padding: 2% 2% 1%;
        background-color: #f1efe9;
        border-top: 2px solid #E4E4E4;
    }
    .accordionlist dt:first-child{
        border-top: none !important;
    }
    .accordionlist dt .title{
        float: left;
        margin: 0;
        font-size: 113%;
        font-weight: bold;
    }
    .accordionlist dd{
        display:none;
        margin-bottom: 0;
        padding: 2% 2% 3%;
        background: #F1F1F1;
    }
    .accordion_icon,
    .accordion_icon span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    .accordion_icon {
        position: relative;
        width: 30px;
        height: 30px;
        float: right;
    }
    .accordion_icon span {
        position: absolute;
        left: 6px;
        width: 50%;
        height: 2px;
        background-color: #e4007f;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
    }
    .accordion_icon span:nth-of-type(1) {
        top: 5px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    .accordion_icon span:nth-of-type(2) {
        top: 5px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }
    /*＋、×切り替え*/
    .accordion_icon.active span:nth-of-type(1) {
        top: 5px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    .accordion_icon.active span:nth-of-type(2) {
        top: 5px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
    
    .ht200{height: 200px!important;}
    .img_w70{width: 70%;}
    
    
    /*ユーザー事例*/
    #cnsh ul.case_box {
		display: flex;
		flex-wrap: wrap;
    }
    #cnsh ul.case_box li {
		width: 48%;
        margin-bottom: 2%;
		margin-right: 2%;
        padding: 2% 2%;
        border: solid 1px #CCC;
		background: #FFF;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
    #cnsh ul.case_box li:nth-child(2n+0)  {
        margin-right: 0;
    }
    #cnsh ul.case_box li figure {
        margin: 0 0 3%;
    }
    #cnsh ul.case_box li > ul {
        display: block;
    }
    #cnsh ul.case_box li > ul > li {
        width: 94%!important;
        margin-left: 6%;
        padding: 0;
        border: 0;
        list-style: disc;
    } 
}


@media screen and (min-width:600px) and ( max-width:959px) {
    /*　画面サイズが600pxから960pxまではここを読み込む　*/
     /* 全体 */
    #cnsh {
	width: 100%;
	height: 100%;
	margin: 0 auto!important;
	}
    #contentsu {
        background: #FFF;
    }

    /* メイン */
    #main_area_pro {
		position: relative;
		width: 100%;
        height: 640px;
        top: 0;
		left: 0;
		margin: 0 auto;
        background-image: url(../img/censhare_mainpc.png), url(../img/censhare_main_bg.png);
        background-position: center 350px, center 20%;
        background-repeat: no-repeat, no-repeat;
        background-size: 55% auto, cover;
    }
    #main_area_pro .main_inner {
		position: relative;
		width: 100%;
		margin: 0 auto;
        color: #FFF!important;
    }
    #main_area_pro .main_copy {
        width: 100%;
        padding: 24% 0 0;
        text-align: center;
    }
    #main_area_pro .main_copy .text_area {
        width: 94%;
        margin: 0 auto;
        text-align: center;
    }
    #main_area_pro .main_copy h2 {
        margin: 0 0 3%; 
        font-size: 156.2%;
        letter-spacing: 1px;
        color: #000;
        font-weight: bold;
    }
    #main_area_pro .main_copy h3 {
        margin: 0; 
        font-size: 87.5%;
        font-weight: normal;
        line-height: 1.8;
        color: #000;
        border: none;
    }
    
    /*メインbtn調整*/
    #main_area_pro .main_btn { display: none;}
    
    /*コンテンツ配下のメイン*/
    #main_area_pro2 {
		position: relative;
		width: 100%;
		height: 4.687rem;/*75px*/
		left: 0;
		margin: 0 auto;
		background: #f3f3f3;
    }
    #main_area_pro2 .main_inner {
        overflow: hidden;
		width: 98%;
		margin: 0 auto;
        padding: 2.5% 0;
        color: #FFF;
    }
    #main_area_pro2 .main_inner > div {
        overflow: hidden;
    }
    #main_area_pro2 .main_inner > div > h2 {
        float: left;
        margin-right: 3%;
        padding-right: 3%;
        color: #000;
        font-size: 1.875rem;/*30px*/
        font-weight: normal;
        border-right: solid 2px #000;
    }
    #main_area_pro2 .main_inner > div > div {
        line-height: 2.5;
    }
    #main_area_pro2 .main_inner > div > div > img {
        width: 30%;
    }
    
    /* H2 */
    #cnsh h2.contentsu_title {
        position: relative;
        display: inline-block;
        padding: 0 2%;
        margin-bottom: 1em;
        border-bottom: 0px;
        font-size: 112.5%;
    }
    #cnsh h2.contentsu_title:before {
        content: '';
        position: absolute;
        bottom: -15px;
        display: inline-block;
        width: 60px;
        height: 5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #e4007f;
        border-radius: 2px;
    }
    #cnsh h2.contentsu_title span.keyword {
        color: #666;
        font-size: 62.5%;
    }
    /*TOP用H3*/
    #cnsh h3.top_pro_title {
        display: block;
        margin: 0 0 3%;
        padding: 1% 1%;
        color: #FFF;
        background: #2b2b2b;
        border-bottom: none;
        font-size: 112.5%; /*18px*/
    }
    #cnsh h3.top_pro_title::before {
        padding-right: 1%;
        content: "\02713";
    }
    #cnsh h3.pro_title {
        margin: 0 0 3%;
        padding: 0 0 0 2%;
        color: #333;
        border-left: solid 5px #e4007f; 
        border-bottom: none;
        font-size: 112.5%; /*18px*/
    }
    
    /*4つのソリューション*/
    #cnsh #solutions_area > ul {
        margin: 2% 0 0;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #cnsh #solutions_area > ul > li {
        width: 49%;
        margin-bottom: 2%;
        padding: 2%;
        border: solid 4px #CCC;
        text-align: center;
    }
    #cnsh #solutions_area > ul > li:nth-child(3n) {
        margin-right: 0 !important;
    }
    #cnsh #solutions_area > ul > li > h4 {
        color: #000;
        font-size: 100%;
        line-height: 1.4;
    }
    #cnsh #solutions_area > ul > li > h4 > span {
        position: relative;
        display: inline-block;
        margin: 0 0 5%;
        padding: 0 5px;
        width: 30px;
        height: 30px;
        line-height: 2;
        text-align: center;
        color: #FFF;
        font-size: 15px;
        font-weight: bold;
        background: #e4007f;
        border-radius: 50%;
        box-sizing: border-box;
    }
    #cnsh #solutions_area > ul > li > h4 > span:before {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 50%;
        margin-left: -5px;
        border: 5px solid transparent;
        border-top: 15px solid #e4007f;
        z-index: 0;
    }
    #cnsh #solutions_area > ul > li > p {
        margin: 5% 0 3%;
        text-align: left;
    }
    
    h2.pro_main_title {
        margin: 0 2% 4%;
        padding: 1.5% 0 1%;
        color: #000;
        font-size: 157%;
        border-top: solid 2px #2b2b2b;
        border-bottom: solid 4px #2b2b2b;
    }
    #cnsh h3.pro_title {
        margin: 0 0 3%;
        padding: 0 0 0 2%;
        color: #333;
        border-left: solid 5px #e4007f; 
        border-bottom: none;
        font-size: 1.25rem; /*20px*/
    }
     /*flex*/
    ul.flex_box {
        margin: 3% 0 3%;
    }
    ul.flex_box li {
        margin: 0 0 5%;
        text-align: center;
    }

    ul.flex_box li > figure {
        width: 80%;
        margin: 2% auto 3%;
        vertical-align: middle;
    }

    ul.flex_box li > div.min_title {
        vertical-align: middle;
    }
    ul.flex_box li > p {
        width: 88%;
        margin: 0 auto;
    }
   .flex_box_2col {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        justify-content: space-between;
    }
    .flex_box_2col > div {
        width: 49%;
    }
    ul.case_study_box {
        margin: 0 0 4%;
    }
    ul.case_study_box li {
        display: table;
        margin: 0 0 4%;
    }
    ul.case_study_box li > div {
        display: table-cell;
        padding-left: 3%;
        width: 59%;
        vertical-align: top;
    }
    ul.case_study_box li > figure {
        display: table-cell;
        width: 38%;
        vertical-align: top;
    }
    ul.case_study_box li > div > h4 {
        margin: 0 0 4%;
        color: #4f5461;
        font-size: 100%;
        border-bottom: solid 1px #CCC; 
    }
    ul.case_study_box li > div > p {
        font-size: 88%;
    }
    ul.case_study_box li > div > p > span {
        font-size: 120%;
        font-weight: bold;
    }
    ul.pattern_box {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        justify-content: space-between;
    }
    /*選べるシステム*/
    ul.pattern_box {
        margin: 0 0 3%;
    }
    ul.pattern_box li {
        width: 45%;
    }
    ul.pattern_box li > h4 {
        text-align: center;
    }
    ul.pattern_box li > figure {
        margin: 3% 0;   
    }
    ul.point {
        margin: 3% 0 0;
        padding-left: 8%; 
    }
    ul.point li {
        margin: 0 0 2%;
        list-style: disc;
    }
    /*グレーボックス*/
    .list_box {
        margin: 3% 0 0;
        padding: 2%;
        background: #F1F1F1;
    }
    .list_box h4 {
        text-align: center;
    }
    .list_box ul {
        padding: 2%;
        background: #F1F1F1;
    }
    .list_box ul li {
        width: 85%;
        margin: 0 auto;
        padding: 0 0 0 2%;
        list-style-type: disc;
    } 
    
    
    dl.brd_box {
        margin: 0 0 4%;
        padding: 2%;
        border: solid 1px #CCC;
    }

    /*アコーディオン*/
    .accordionbox{
        width: 100%;
        padding: 20px;
    }
    .accordionlist dt{
        display:block;
        background: #FFF;
        padding: 2% 2% 1%;
        background-color: #f1efe9;
        border-top: 2px solid #E4E4E4;
    }
    .accordionlist dt:first-child{
        border-top: none !important;
    }
    .accordionlist dt .title{
        float: left;
        margin: 0;
        font-weight: bold;
    }
    .accordionlist dd{
        display:none;
        margin-bottom: 0;
        padding: 2% 2% 3%;
        background: #F1F1F1;
    }
    .accordion_icon,
    .accordion_icon span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    .accordion_icon {
        position: relative;
        width: 30px;
        height: 30px;
        float: right;
    }
    .accordion_icon span {
        position: absolute;
        left: 6px;
        width: 50%;
        height: 2px;
        background-color: #e4007f;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
    }
    .accordion_icon span:nth-of-type(1) {
        top: 5px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    .accordion_icon span:nth-of-type(2) {
        top: 5px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }
    /*＋、×切り替え*/
    .accordion_icon.active span:nth-of-type(1) {
        top: 5px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    .accordion_icon.active span:nth-of-type(2) {
        top: 5px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
    
    /*ユーザー事例*/
    #cnsh ul.case_box li {
        margin-bottom: 3%;
        padding: 2% 2%;
        border: solid 1px #CCC;
		background: #FFF;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
    #cnsh ul.case_box li figure {
        margin: 0 0 3%;
    }
    #cnsh ul.case_box li > ul {
        display: block;
    }
    #cnsh ul.case_box li > ul > li {
        width: 94%!important;
        margin-left: 6%;
        padding: 0;
        border: 0;
        list-style: disc;
    } 
}


@media screen and (min-width:320px) and ( max-width:599px) { 
    /*　画面サイズが320pxからはここを読み込む　*/
     /* 全体 */
    #cnsh {
	width: 100%;
	height: 100%;
	margin: 0 auto!important;
	}
    #contentsu {
        background: #FFF;
    }
    
    /* メイン */
    #main_area_pro {
		position: relative;
		width: 100%;
        height: 500px;
        top: 0;
		left: 0;
		margin: 0 auto;
        background-image: url(../img/censhare_mainpc.png), url(../img/censhare_main_bg.png);
        background-position: center 370px, center 20%;
        background-repeat: no-repeat, no-repeat;
        background-size: 55% auto, cover;
    }
    #main_area_pro .main_inner {
		position: relative;
		width: 100%;
		margin: 0 auto;
        color: #FFF!important;
    }
    #main_area_pro .main_copy {
        width: 100%;
        padding: 40% 0 0;
        text-align: center;
    }
    #main_area_pro .main_copy .text_area {
        width: 94%;
        margin: 0 auto;
        text-align: center;
    }
    #main_area_pro .main_copy h2 {
        margin: 0 0 3%; 
        font-size: 125%;
        letter-spacing: 1px;
        color: #000;
        font-weight: bold;
    }
    #main_area_pro .main_copy h3 {
        margin: 0; 
        font-size: 87.5%;
        font-weight: normal;
        line-height: 1.8;
        color: #000;
        border: none;
    }
    #main_area_pro .main_copy h2 br { display: none;}
    
    /*メインbtn調整*/
    #main_area_pro .main_btn { display: none;}
    
    /*コンテンツ配下のメイン*/
    #main_area_pro2 {
		position: relative;
		width: 100%;
		height: 3.125rem;/*50px*/
		left: 0;
		margin: 0 auto;
		background: #d0c1dc;
    }
    #main_area_pro2 .main_inner {
        overflow: hidden;
		width: 98%;
		margin: 0 auto;
        padding: 2.5% 0;
        color: #FFF;
    }
    #main_area_pro2 .main_inner > div {
        overflow: hidden;
    }
    #main_area_pro2 .main_inner > div > h2 {
        float: left;
        margin-right: 3%;
        padding-right: 3%;
        color: #000;
        font-size: 125%;
        font-weight: normal;
        border-right: solid 2px #000;
    }
    #main_area_pro2 .main_inner > div > div > img {
        width: 45%;
    }
    
    /*コンテンツ配下のメイン*/
    #main_area_pro2 {
		position: relative;
		width: 100%;
		height: 3.125rem;/*50px*/
		left: 0;
		margin: 0 auto;
		background: #f3f3f3;
    }
    #main_area_pro2 .main_inner {
        overflow: hidden;
		width: 98%;
		margin: 0 auto;
        padding: 2.5% 0;
        color: #FFF;
    }
    #main_area_pro2 .main_inner > div {
        overflow: hidden;
    }
    #main_area_pro2 .main_inner > div > h2 {
        float: left;
        margin-right: 3%;
        padding-right: 3%;
        color: #000;
        font-size: 125%;
        font-weight: normal;
        border-right: solid 2px #000;
    }
    #main_area_pro2 .main_inner > div > div > img {
        width: 45%;
    }
    
    /* H2 */
    #cnsh h2.contentsu_title {
        position: relative;
        display: inline-block;
        margin-bottom: 1em;
        border-bottom: 0px;
    }
    #cnsh h2.contentsu_title:before {
        content: '';
        position: absolute;
        bottom: -15px;
        display: inline-block;
        width: 60px;
        height: 5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #e4007f;
        border-radius: 2px;
    }
    #cnsh h2.contentsu_title span.keyword {
        color: #666;
        font-size: 62.5%;
    }

    /*TOP用H3*/
    #cnsh h3.top_pro_title {
        display: block;
        margin: 0 0 3%;
        padding: 1% 1%;
        color: #FFF;
        background: #2b2b2b;
        border-bottom: none;
        font-size: 100%;
    }
    #cnsh h3.top_pro_title::before {
        padding-right: 1%;
        content: "\02713";
    }
    #cnsh h3.pro_title {
        margin: 0 0 3%;
        padding: 0 0 0 2%;
        color: #333;
        border-left: solid 5px #e4007f; 
        border-bottom: none;
        font-size: 100%;
    }
    #cnsh h3.pro_title {
        margin: 0 0 3%;
        padding: 0 0 0 2%;
        color: #333;
        border-left: solid 5px #e4007f; 
        border-bottom: none;
        font-size: 1.25rem; /*20px*/
    }

   /*4つのソリューション*/
    #cnsh #solutions_area > ul {
        margin: 2% auto 0;
    }
    #cnsh #solutions_area > ul > li {
        width: 100%;
        margin-bottom: 2%;
        padding: 2%;
        border: solid 4px #CCC;
        text-align: center;
    }
    #cnsh #solutions_area > ul > li:nth-child(3n) {
        margin-right: 0 !important;
    }
    #cnsh #solutions_area > ul > li > h4 {
        color: #000;
        font-size: 100%;
        line-height: 1.4;
    }
    #cnsh #solutions_area > ul > li > h4 > span {
        position: relative;
        display: inline-block;
        margin: 0 0 5%;
        padding: 0 5px;
        width: 30px;
        height: 30px;
        line-height: 2;
        text-align: center;
        color: #FFF;
        font-size: 15px;
        font-weight: bold;
        background: #e4007f;
        border-radius: 50%;
        box-sizing: border-box;
    }
    #cnsh #solutions_area > ul > li > h4 > span:before {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 50%;
        margin-left: -5px;
        border: 5px solid transparent;
        border-top: 15px solid #e4007f;
        z-index: 0;
    }
    #cnsh #solutions_area > ul > li > p {
        margin: 5% 0 3%;
        text-align: left;
    }
    
    h2.pro_main_title {
        margin: 0 2% 4%;
        padding: 1.5% 0 1%;
        color: #000;
        font-size: 113%;
        border-top: solid 2px #2b2b2b;
        border-bottom: solid 4px #2b2b2b;
    }

     /*flex*/
    ul.flex_box {
        margin: 3% 0 3%;
    }
    ul.flex_box li {
        margin: 0 0 5%;
        text-align: center;
    }
    ul.flex_box li > figure {
        width: 80%;
        margin: 2% auto 3%;
        vertical-align: middle;
    }
    ul.flex_box li > div.min_title {
        vertical-align: middle;
    }
    ul.flex_box li > p {
        width: 88%;
        margin: 0 auto;
    }
   .flex_box_2col {
        margin: 3% 0 3%;
    }
    .flex_box_2col > div {
        width: 100%;
        margin: 0 0 5%;
    }
    
    .flex_box_2col > div > figure {
        width: 80%;
        margin: 2% auto 3%;
        vertical-align: middle;
    }

    ul.case_study_box {
        margin: 0 0 4%;
    }
    ul.case_study_box li {
        margin: 0 0 5%;
    }
    ul.case_study_box li > div {
        width: 100%;
    }
    ul.case_study_box li > figure {
        width: 100%;
        margin: 2% 0 2%;
    }
    ul.case_study_box li > div > h4 {
        margin: 0 0 3%;
        color: #4f5461;
        font-size: 94%;
        text-align: center;
        border-bottom: solid 1px #CCC; 
    }
    ul.case_study_box li > div > p {
        font-size: 88%;
    }
    ul.case_study_box li > div > p > span {
        font-size: 110%;
        font-weight: bold;
    }

    /*選べるシステム*/
    ul.pattern_box {
        margin: 0 0 3%;
    }
    ul.pattern_box li {
        width: 100%;
        margin: 0 0 5%;
    }
    ul.pattern_box li > h4 {
        text-align: center;
    }
    ul.pattern_box li > figure {
        margin: 3% 0;   
    }
    /*グレーボックス*/
    .list_box {
        margin: 3% 0 0;
        padding: 2%;
        background: #F1F1F1;
    }
    .list_box h4 {
        text-align: center;
    }
    .list_box ul {
        padding: 2%;
        background: #F1F1F1;
    }
    .list_box ul li {
        width: 85%;
        margin: 0 auto;
        padding: 0 0 0 2%;
        list-style-type: disc;
    } 
    

    /* システム環境 */
	.sys_wrap dl {
		width: 100%;
		overflow: hidden;
		background-color: #f1efe9;
		margin: 0 !important;
		border-bottom: 8px solid #ffffff;
	}
	.sys_wrap dt, .sys_wrap dd {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		padding: 16px;
		float: left;
	}

    /*アコーディオン*/
    .accordionbox{
        width: 100%;
    }
    .accordionlist dt{
        display:block;
        background: #FFF;
        padding: 3% 2% 2%;
        background-color: #f1efe9;
        border-top: 2px solid #E4E4E4;
    }
    .accordionlist dt:first-child{
        border-top: none !important;
    }
    .accordionlist dt .title{
        float: left;
        margin: 0;
        font-weight: bold;
    }
    .accordionlist dd{
        display:none;
        margin-bottom: 0;
        padding: 2% 2% 3%;
        background: #F1F1F1;
    }
    .accordion_icon,
    .accordion_icon span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    .accordion_icon {
        position: relative;
        width: 30px;
        height: 30px;
        float: right;
    }
    .accordion_icon span {
        position: absolute;
        left: 6px;
        width: 50%;
        height: 2px;
        background-color: #e4007f;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
    }
    .accordion_icon span:nth-of-type(1) {
        top: 5px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    .accordion_icon span:nth-of-type(2) {
        top: 5px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }
    /*＋、×切り替え*/
    .accordion_icon.active span:nth-of-type(1) {
        top: 5px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    .accordion_icon.active span:nth-of-type(2) {
        top: 5px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
    
    /*ユーザー事例*/
    #cnsh ul.case_box li {
        margin-bottom: 3%;
        padding: 4% 4%;
        border: solid 1px #CCC;
		background: #FFF;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
    #cnsh ul.case_box li figure {
        margin: 0 0 3%;
    }
    #cnsh ul.case_box li > ul {
        display: block;
    }
    #cnsh ul.case_box li > ul > li {
        width: 94%!important;
        margin-left: 6%;
        padding: 0;
        border: 0;
        list-style: disc;
    } 
}