@charset "utf-8";

/* CSS Document */

body, html {
  font-size: 14px;
}

code, table {
  color: #333
}

h2, h3, html {
  color: #000
}

h2, h3, h4 {
  clear: both;
  letter-spacing: 1px
}

.logo, body, footer address, html, img {
  max-width: 100%
}

.s_cell, img, table td, th {
  vertical-align: middle
}

.pagenation li, ul {
  list-style: none
}


code, table {
  line-height: 1.4
}

blockquote, body, button, code, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, table, td, textarea, th, tr, ul {
  margin: 0;
  padding: 0;
  line-height: 1.4
}

blockquote, h4 {
  margin-bottom: 1.6em
}

img, table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0
}

address, cite, code, th {
  font-style: normal;
  font-weight: 400
}

h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1
}



label {
  cursor: pointer
}

button, input, option, select, textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit
}

address {
  font-style: normal;
  line-height: 1
}



.clear {
  clear: both
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

* html .clearfix {
  height: 1%
}

body {
  min-width: 825pt;
  font-family: Hiragino Maru Gothic W4 JIS2004, 游ゴシック, YuGothic, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 500
}

.logo, h2, h3, h4, h5, h6 {
  font-weight: 700
}

code {
  font-family: monospace;
  font-size: 100%
}

a, address, blockquote, button, dd, dd button, dd dd, dd dt, dd input, dd li, dd p, dd select, dd td, dd textarea, dd th, dt, dt button, dt dd, dt dt, dt input, dt li, dt p, dt select, dt td, dt textarea, dt th, h1, h2, h3, h4, h5, h6, input, li, li button, li dd, li dt, li input, li li, li p, li select, li td, li textarea, li th, p, p input select, td, td button, td dd, td dt, td input, td li, td p, td select, td td, td textarea, td th, textarea, th, th button, th dd, th dt, th input, th li, th p, th select, th td, th textarea, th th {
  font-size: 14px
}

figure {
  margin: auto
}

img {
  height: auto
}
a{
  text-decoration: none;
}
pre{
display: block;
    overflow-x: auto;
    padding: 1.6em;
    background: #333;
    color: white;
    margin: 0 0 2em 0;
    border-radius: 5px;
    line-height:1.8;
    letter-spacing: 1.3px;
}
.text_r{
  text-align: right;
}

#main {
  margin: 0 auto;
  padding: 0 0 30px;
  width: calc(100% - 80px);
}
#main.connect{
  width: calc(100%);
  font-size: 14px;
  padding:0;
  background: #fff;
}

#main.article{
  width:100%;
	padding:0;
}

#main img {
  /*box-shadow: 0 6px 20px rgb(70 68 54 / 4%)*/
}

#main.connect img{
  box-shadow:none;
}
#main table img {
  box-shadow: none;
}

#content {
  margin-bottom: 50px
}

a {
  border: 0;
  color: #0c7dd2;
  outline: 0;
  word-break: break-all
}

a:active, a:hover {
  opacity: .4;
  transition: .2s
}

dd, dt, li, td {
  line-height: 1.5em
}

article p{
  padding: 0 0 1.3em;
  line-height: 2;
  font-size: 18px;
}
article p a{
  font-size:18px;
}
#content section {
  padding: 0 0 15px
}

a img:hover {
  opacity: .4;
  transition: .7s
}


#content h2 {
  border-bottom: 1px solid #d2b527;
  font-size: 25px;
  padding: 1.5em 0 .3em;
  margin: 0 0 1.6em;
  line-height: 1.3
}
#content h3 {
  color: #cab628;
  font-size: 22px;
  padding: 0 0 15px;
  line-height: 1.4;
}

.post_title{
  font-size:25px;
}



h4 {
  padding: 1em .8em .8em;
  margin: 0 0 2em;
  font-size: 18px;
  background: #efefda;
  border-radius: 5px;
}

h5 {
    padding: 0 0 0 0.5em;
    margin: 0 0 1.6em 0;
    font-size: 15px;
    font-size: 18px;
    border-left: solid 5px #caca88;
    line-height: 1.2;
}


blockquote {
  padding: 5%;
  font-style: italic;
  line-height: 1.6;
  background: #fffff9;
    border: solid 1px #f9f9ea;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('Material Icons'), url(https://fonts.gstatic.com/s/materialicons/v55/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
  font-display: swap;
}

#content img {
  margin-bottom: 3em
}
#content p img {
  margin-bottom:0
}
header.clearfix{
  height: 65px;
  border-top: solid 5px #ead048;
  background:#fff;
}


header p {
  padding-bottom: 0
}


.logo {
  padding: 1.0%;
  text-align: center;
  font-size: 1em;
  float: left;
  color: #161616;
}

.logo a {
  font-size: 1em;
}

.logo_sub {
  font-size: 11px;
  letter-spacing: .1em;
  display: block;
  padding-top: 5px;
}

#main.article h1 {
  font-size: 30px;
}

.artecle_head {
  margin-bottom: 30px;
}

footer address {
  margin: 0 auto;
  text-align: center
}

.post_content p {
  padding-bottom: 1.6em;
  color: #545454
}



footer address, table {
  width: 100%;
  clear: both
}
.gNav{
  padding: 1.2%;
    font-size: 18px;
    float: left;
}
.gNav ul li {
  position:relative;
  display: inline-block;
  text-align: center;
}


.gNav ul li a {
  padding: 9pt 9pt 10px;
  text-decoration: none;
  color: #161616;
  font-size: 14px;
  font-weight: bold;
}
.search_container{
    display: block;
    width: 60%;
    margin: 0 auto;
    padding: 30px;
}
.search_keyword{
  display:block;
  padding:50px 0;
  background: #dcc54b;
}
.content .search_keyword{margin-bottom:0;}
.search-form{
  display: block;
  width:50%;
  margin:0 auto;
  font-size: 18px;
}
.search-form form{
  background: #fbfbfb;
  height: auto;
  border-radius: 30px;
  padding: 5px 5px 5px 10px;
  position: relative;
}
.search-form form .search-field{
  border: none;
  background: none;
  font-size: 13px;
  width: 100%;
  outline: 0;
}
.search-form form .search-submit{
  border: none;
    background: none;
    position: absolute;
    top: 6px;
    right: 8px;
    outline: 0;
    cursor: pointer;
}
#footerInner {
  background-color: #424242;
  padding: 30px 0
}

#breadcrumb, footer p {
  padding-bottom: 0
}

footer address {
  font-size: 10px;
  padding: 10px 0 0;
  color: #d8d8d8
}

#breadcrumb {
  display: block;
  padding: 5px 10px;
  margin: 0 auto 30px;
  background: #fbfbfb;
  border-top: solid 1px #f5f5f5;
  border-bottom: solid 1px #f5f5f5;
}


#breadcrumb li {
  display: inline-block;
  color: #a9a9a9;
  font-size: 9pt
}

#breadcrumb li a {
  color: #cacaca;
  padding-right: 5px;
  font-size: 11px;
  text-decoration: none
}

.bread {
  margin: 0 0 1.6em
}

.bread li {
  padding: .5em 0;
  border-bottom: solid 1px #e1e1e1
}

.bread_type01 li {
  margin: 0 0 .5em
}

.bread_type02 li {
  position: relative;
  margin: 0;
  padding: .2em 0 .2em 25px;
  border-bottom: 0;
  font-weight: 700;
  color: #404040;
  font-size:18px;
}

.bread_type02 li:before {
  position: absolute;
  top: 5px;
  left: -8px;
  content: '・';
  color: #d2b527;
  font-size: 180%;
  margin-right: 35px
}

td, td a, th, th a {
  font-size: small
}

.table_contents {
  padding: 2em 0;
  margin: 0 0 1.6em;
  border-top: solid 1px #e8edf1;
  border-bottom: solid 1px #e8edf1
}

.table_contents li {
  margin-bottom: 5px
}

.table_contents a {
  color: #545454;
  text-decoration: none
}

.table_contents a.under_contents {
  padding-left: 31px
}

.table_contents a:before {
  position: relative;
  content: 'minimize';
  color: #d2b527;
  font-family: Material Icons
}

.bread+h5, .bread+h6, p+h5, p+h6 {
  margin-top: 30px
}

.responsive_table+h4, .responsive_table+h5, .responsive_table+h6, table+h4, table+h5, table+h6 {
  margin-top: 4em
}

table {
  margin-bottom: 2.5em
}

td, th {
  border: 1px solid #eaeaea;
  font-weight: 400;
  padding: 8px 10px 7px
}

th {
  text-align: center;
  background: #fdfdfd;
  color: #2d2d2d;
  padding: 9px 9pt 8px
}

.f_cell {
  background: #f1f1f1
}

.s_cell {
  background: #f9fefc;
  color: #369242
}

table .f_cell span, table th {
  font-weight: 700;
  text-align: center
}

table .s_cell {
  background: #f9fdfe;
  color: #365a92
}

table td {
  line-height: 23px
}

table td>p {
  padding: 0
}

table th img {
  padding-bottom: 4px
}

.v_write {
  writing-mode: vertical-rl;
  white-space: nowrap;
  text-orientation: upright
}

.field_label {
  padding: 1px 6px;
  margin: 4px;
  border-radius: 10px;
  background: #174d88;
  color: #fff;
  font-size: 12px;
  display: inline-block
}

.anchor_list, .anchor_list li a {
  border-radius: 5px;
  text-decoration: none
}

.notes, .notes a, .small, .time .m_icon ,.m_icon {
  font-size: small
}

.block, .display-block, .notes, .time .m_icon,.m_icon {
  display: block
}

.center {
  text-align: center
}
.right {
  text-align: right
}

.bold {
  font-weight: 700;
  color: #000
}

.red {
  color: #d01100!important
}

.red_back {
  background: #bf1a0c!important
}

.orange {
  color: #fd8201!important
}

.orange_back {
  background: #fd8201!important
}

.blue {
  color: #174d88!important
}

.blue_back {
  background: #174d88!important
}

.green {
  color: #00C90A!important
}

.green_back {
  background: #11b519!important
}

.yellow {
  color: #ff0!important
}

.yellow_back {
  background: #ff0!important
}

.gray {
  color: #ccc!important
}

.gray_back {
  background: #ccc!important
}

.black {
  color: #000!important
}

.white {
  color: #fff
}

.under_y {
  padding-bottom: 2px;
  border-bottom: solid 2px #ff0
}

.block {
  padding: 5px 0 0
}

.notes{
  color: #acacac
}
.time .m_icon ,.m_icon {
  display:flex;
  align-items:center;
  color: #acacac
}

.m_icon:before{margin-right: 3px;}
.m_icon:before{ font-family: Material Icons }
.time:before {content: 'access_time';}
.cat:before { content: 'category';}
.user_founded:before {content: 'house';}
.user_employee:before {content: 'groups';}
.user_industry:before {content: 'location_on';}
.wp_dl:before {content: 'download';}
.wp_eye:before {content: 'remove_red_eye';}
.wp_review:before {content: 'create';}
.check_circle:before {content: 'check_circle';}
.article .head_data .check_circle:before {font-size: 15px;color: #e3c414;margin-right:5px;}

    

.anchor_list {
  width: 90%;
  text-align: center;
  padding: 2% 5%;
  margin: 0 0 30px;
  background: #f7f7f7
}

.anchor_list li {
  display: inline-block;
  border-right: solid 1px #b9b9b9
}

.anchor_list li:last-child {
  border-right: 0
}

.anchor_list li a {
  padding: 10px 15px;
  margin: 0 5px;
  color: #443227
}

.table {
  display: table
}

#content table img {
  margin-bottom: 0
}

.single #main article,.page #main article{
	float:left;
	width:82%;
    padding: 30px 0 0 30px;
    border-left: solid 1px #efefef;
}
#main.article.post_content .artecle_head {
  display: block;
  padding-bottom: .5em
}

#main.article .artecle_head li {
  display: inline-block;
  margin-right: 10px;
  padding: 0;
  font-size: 12px;
  color: #ccc
}

.artecle_head a {
  text-decoration: none;
  margin-right: 5px;
  color: #868686;
  padding-bottom: 1em
}

#main .post_content .artecle_head {
  display: block;
  padding-bottom: .5em
}

footer ul {
  display: table;
  margin: 0 auto;
  padding: 0
}

footer ul li {
  display: inline-block;
  padding: 0 10px
}

footer ul li a {
  font-size: small;
  color: #d8d8d8;
  text-align: center
}
.list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding:30px 0 0 0;
  width: 100%;
  text-align:center;
}
.list .list_block{
  padding:0 0 42px;
  width: 49%;
}

.list .list_block a{
  color: #636362;
}


.single .list .list_block {
  width: 32.5%
}

.list article header {
  padding: 10px 0 5px
}

.list.article h1 {
  text-align: center
}

.single .list {
  width: 50%;
  margin: 0 auto
}

.under_title {
  margin-bottom: 10px;
  text-align: center;
  font-size: 20px
}

.anchor_send_box {
  padding: 2em;
  border: 3px solid #fff;
  background: #fdfdfd;
  outline: #e7ecf1 solid 1px
}

.anchor_send_box .bold {
  margin-bottom: 5px
}

.anchor_send_box a {
  padding: 0 5px 0 0
}

.anchor_send_box a:before {
  position: relative;
  content: 'play_circle_filled';
  color: #004ea2;
  font-family: Material Icons
}

.list_btn01:after, .list_btn02:after {
  display: block;
  content: '';
  clear: both
}

.list_btn01, .list_btn02 {
  margin-bottom: 30px
}

.list_btn02 li {
  float: left;
  width: 47%
}

.list_btn02 li:nth-child(2n) {
  float: right
}

.list_btn01 li a, .list_btn02 li a {
  display: block;
  padding: 1.3em 1.2em 1em;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .3px;
  border-radius: 50px;
  border: 0;
  color: #fff
}

.list_btn01 li a {
  background: #174d88;
  box-shadow: 0 7px 0 #1d3a5a
}

.list_btn02 li:nth-child(1n) a {
  background: #4c545d;
  box-shadow: 0 7px 0 #363b42
}

.list_btn02 li:nth-child(2n) a {
  background: #174d88;
  box-shadow: 0 7px 0 #1d3a5a
}

#content .bread_box {
  display: block;
  width: 90%;
  padding: 5%;
  margin: 0 auto 25px;
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
}

.bread_pager li, .post_content dt, .sns .wp_social_bookmarking_light {
  display: inline-block
}

#content .bread_box.face {
  padding-left: 15%;
  width: 80%;
  background-repeat: no-repeat;
  background-position: 2% 50%
}



.sns {
  text-align: center
}

.bread_pager {
  background: #f7f7f7;
  margin-bottom: 50px;
  border-radius: 5px
}

.bread_pager li:nth-child(1n), .bread_pager li:nth-child(3n) {
  width: 35%
}

.bread_pager li:nth-child(2n) {
  width: 28%;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff
}

.bread_pager li a {
  display: block;
  padding: 1em 0;
  font-size: 9pt;
  text-align: center;
  color: #b3b3b3
}

.pagenation {
  margin: 1em auto;
  text-align: center;
  min-width: 250px;
}

.pagenation ul:after, .pagenation:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden
}

.pagenation ul {
  margin: 20px 0;
  display: inline-block;
  padding-left: 0;
  border-radius: 4px
}

.pagenation li {
  float: left;
  margin-left: 3px
}

.pagenation li:first-child {
  margin-left: 0
}

.pagenation li.active {
  background-color: #999;
  border-radius: 3px;
  color: #FFF;
  cursor: not-allowed;
  padding: 10px 20px
}

.pagenation li span {
  background: #f5f5f5;
  border-radius: 3px;
  color: #c5c5c5;
  display: block;
  padding: 10px 20px;
}

.pagenation li a {
  background: #f5f5f5;
  border-radius: 3px;
  color: #c5c5c5;
  display: block;
  padding: 10px 20px;
  text-decoration: none
}

.pagenation li a:hover {
  background-color: #444;
  color: #FFF;
  opacity: .8;
  transition-duration: .5s;
  transition-property: all;
  transition-timing-function: ease
}

.w5 {
  width: 5%
}

.w10 {
  width: 10%
}

.w15 {
  width: 15%
}

.w20 {
  width: 20%
}

.w25 {
  width: 25%
}

.w30 {
  width: 30%
}

.w35 {
  width: 35%
}

.w40 {
  width: 40%
}

.w45 {
  width: 45%
}

.w50 {
  width: 50%
}

.w55 {
  width: 55%
}

.w60 {
  width: 60%
}

.w65 {
  width: 65%
}

.w70 {
  width: 70%
}

.w75 {
  width: 75%
}

.w80 {
  width: 80%
}
.nest{
  font-size: 16px;
  padding: 30px 35px;
  line-height: 36px;
  background-color: #f9f9f9;
  margin-bottom: 2em;
  border-radius: 5px;
  border: solid 1px #efefef;
  }
#content .nest img{margin-bottom:1em;}
.nest.narrow{
  line-height: 20px;
  overflow:auto;
}


.side_menu{
  float:left;
  width:13%;
  padding: 30px 10px 0 10px;
}

.acd-check{
  display: none;
}
.acd-label{
  display: block;
  margin-bottom: 1px;
  padding: 10px;
}
.connect .acd-label{
  background: #f7f7f7;
    text-align: center;
    font-size: 80%;
}

.acd-content{
  height: 0;
  opacity: 0;
  padding: 0;
  /*transition: .5s;*/
  visibility: hidden;
}
.acd-content.acd-initial{
  opacity: 1;
  visibility: visible;  
}
.acd-check:checked + .acd-label + .acd-content{
  height: auto;
  opacity: 1;
  padding:0 0 5px 0;
  visibility: visible;
}
.acd-content p{
  padding:0 0 0 30px
}
.container_border{
  margin-bottom:20px;
}



.slide{
    background:#f5f5f5;
    border-radius: 5px;
    padding:2% 2% 1%;
    margin-bottom: 2%;
}
.slide_box{
    overflow: auto;
    white-space: nowrap;
}
.slide article{
  width:15%;
  display:inline-block;
  padding:0 20px 10px 0;
}

::-webkit-scrollbar{
  width: 10px;
}
::-webkit-scrollbar-track{
  border-radius: 5px;
  background: #efefef;
  border: none;
}
::-webkit-scrollbar-thumb{
  border-radius: 10px;
  background: #e0e0e0;
  box-shadow: none;
}

.notice{
    position: absolute;
    top: 3px;
    padding: 0px 6px;
    height: 18px;
    border-radius:10px;
    font-size: 11px;
    background-color: #b5b5b5;
    color: rgb(255, 255, 255);
    line-height: 18px;
    text-align: center;
}
.gNav .notice{background-color: #ead048;}

.connect{
  display:flex;
}
.co_search{
  border-top:solid 1px #f5f5f5;
  border-bottom:solid 1px #f5f5f5;
}
.co_side{
  width:15%;
  border-right:solid 1px #f5f5f5;
}

.co_area{
  width:85%;
}
.co_result{
  padding: 10px 10px 15px 10px;
  line-height:2em;
  border-bottom:solid 1px #f5f5f5;
}
.co_result_list{
  display:block;
}
.co_result_list span{display:inline-block;}
.co_result_list span:nth-child(1n){width:50%;}
.co_result_list span:nth-child(2n){width:50%;}
.co_list{
  overflow-y: scroll;
}
.co_side li,.co_area li{
  display:flex;
  position: relative;
  font-size:100%;
  align-items: center;
  padding: 10px;
  cursor:pointer;
}
.co_list_icon{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100px;
  margin-right:10px;
}

.co_list_company,.co_list_info{
  display:block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 130px;
}
.connect .notice{
  top:22px;
  right:5px;
}


.info_list{
  padding:15px;
  margin-bottom:50px;
  border-radius:5px;
  border:solid 1px #e2e2e2;
  background: #fff;
  box-shadow: 0 3px 10px rgb(199 199 199 / 22%);
}
.info_list_head{
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #e2e2e2;
}

.info_list ul,.info_list_data ul{
  display: flex;
  align-items: center;
  font-size:small;
}
.info_list_data ul{
  padding-top: 15px;
  margin-top: 15px;
}
.info_list_data ul:first-child{padding-top:0;margin-top:0;}
.info_list_data ul + ul{
  border-top: solid 1px #e2e2e2;
}
.info_list li{display:flex;align-items: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.info_list li img{margin-right:5px;}
.info_list li a{font-size:small;}
.info_list li{font-size:small;width:auto;}
.info_list.user_list li:nth-child(1){width:5%;}
.info_list.user_list li:nth-child(2){width:11%;}
.info_list.user_list li:nth-child(3){width:15%;}
.info_list.user_list li:nth-child(4){width:25%;}
.info_list.user_list li:nth-child(5){width:10%;}
.info_list.user_list li:nth-child(6){width:7%;}
.info_list.user_list li:nth-child(7){width:7%;}
.info_list.user_list li:nth-child(8){width:7%;}
.info_list.user_list li:nth-child(9){width:7%;}
.info_list.user_list li:nth-child(10){width:7%;}

.info_list.notice_list .info_list_data {max-height:450px;overflow:auto;}
.info_list.notice_list li:nth-child(1){width:30%;}
.info_list.notice_list li:nth-child(2){width:25%;}
.info_list.notice_list li:nth-child(3){width:20%;}
.info_list.notice_list li:nth-child(4){width:20%;}

.info_list .material-icons{font-size:20px;cursor:pointer;}

.co_info{
  display:flex;
}
.co_info_user{
  width: 60%;
  border-right:solid 1px #f5f5f5;
  overflow-y: scroll;
}

.co_info_user_icon  {width:30%;text-align:center;}
.co_info_user_detail{width:70%;}
.co_info_user_area{
  display: flex;
  align-items: center;
  padding:15px;
  border-bottom:solid 1px #f5f5f5;  
}
.co_info_user_icon_plan{
  padding: 5px;
  margin: 0 10%;
  border-radius: 20px;
  text-align: center;
  font-size: small;
  color: #fff;
  background: #577DE8;
}
.co_info_user_detail,.co_info_user_detail a{
  font-size:12px;
}
.co_info_user_detail div{
  padding-bottom:10px;
}
.co_info_user_detail_member_stop{opacity:0.1;}
.co_info_user_detail_member_add button{
    padding: 3px 6px;
    border-radius: 10px;
    border:none;
    outline: none;
    font-size: 11px;
    background-color: #2c7be1;
    color: rgb(255, 255, 255);
    text-align: center; 
    cursor:pointer;
}
.co_info_user_company{
  font-size:18px;
  font-weight: bold;
}
.co_info_user_company a{float:right;}
.co_info_user_feature{
  display: flex;
  align-items: center;
}
.co_info_user_feature span:nth-child(2n){
  padding:0 5px;
}
.co_info_message{
  width: 40%;
  padding:15px;
  overflow-y: scroll;
}

.co_info_user_list li{
  display: flex;
  position: relative;
  align-items: center;
  padding: 15px;
  cursor: pointer;
  border-bottom:solid 1px #f5f5f5;  
}
.list_active{background:#f2f9ff;}
.list_stop  {background:#f9f9f9;opacity: 0.3;}
.co_user_list_icon{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: calc(10% + 0px);
}
.co_user_list_info{
  width: calc(70% + 0px);
}
.co_user_list_info　> .co_user_list_status{
  width: calc(10% + 0px);
}
.co_user_list_status{
  width: calc(30% + 0px);
}
.co_user_list_status{
  display: flex;
  align-items: center;
}
.co_user_list_status_now{
  width: 45%;
  padding: 10px;
  margin-right:5%;
  border-radius: 20px;
  text-align:center;
  font-size: small;
  background: #ececec;
}
.list_stop .co_user_list_status_now{
  background:none;
}
.co_user_list_status_edit a{
  text-align:center;
  font-size:small;
}
.co_user_list_head{
  display:block;
}
.co_user_list_head{
  margin-bottom:8px;
}
.co_user_list_head + .co_user_list_head_dept{
  margin:0;
}
.co_user_list_head_dept{
  font-size:small;
}
.co_user_list_type{
  border-radius:15px;
  padding:5px 8px;
  text-align: center;
  font-size:10px;
  border:solid 1px;
}
.label_green{
  color:#0b8e02;
  border-color:#23da17;
  background-color:#e8f7df;
}
.co_user_list_head_id{

}
.co_user_list_type_img{
  width: calc(10% + 0px);
  text-align:right;  
}
.co_user_list_message{
  width: calc(10% + 0px);
  text-align:right;
}



.co_info_wp_list li{
  display: flex;
  position: relative;
  align-items: center;
  padding: 15px;
  cursor: default;
  border-bottom:solid 1px #f5f5f5;  
}

.co_wp_list_icon{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 13%;
}

.co_wp_list_title{
  display:block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 370px;
}
.co_wp_list_title a{
  font-size:14px;
  color:#000;
}



.co_info_message_admit{
  display: flex;
  align-items: center;
}
.co_info_message_admit_text{ width:70%;}
.co_info_message_admit_btn{  width:30%;text-align: center;}
.co_info_message_admit_btn button{
  padding:10px 20px;
  line-height:1.2em;
  color:#fff;
  border-radius:30px;
  background-color:#DB1D1D;
  border:none;
  outline: none;
  border-bottom:solid 5px #9E1B1B;
  cursor: pointer;
  font-size:small;
}
.co_info_message_admit_btn button:hover{
  border-top:solid 5px #fff;
  border-bottom:none;
}
.co_info_message_admit,.co_info_message_hear,.co_info_message_already{
  padding:10px;
  margin-bottom:10px;
}
.co_info_message_hear{
  border-radius:5px;
  border:dashed 1px #4DA032;
  background:#fafff8;  
}
.co_info_message_already{
  border-radius:5px;
  border:dashed 1px #ccc; 
}
.co_info_message_memo textarea{
  width:98%;
  padding: 1%;
  resize: vertical;
  font-size:14px;
  border-radius:5px;
  border:solid 1px #e2e2e2; 
}
.co_info_message_area pre{
  padding: 10px 0 0 7.5%;
  min-height:50px;
  color:#000;
  background:#fff;
  overflow:visible;
}

.co_info_message_area_head{
  display: flex;
  position: relative;
  align-items: center;
  padding-top:10px;
  font-size:12px;
}

.co_info_message_area_name_company{
  display:block;
}

.co_info_message_area_icon{width:7%;}
.co_info_message_area_name{width:55%;}
.co_info_message_area_time .m_icon{width:28%; text-align:right;color:#ccc;}
.co_info_message_area_btn{ width:10%; text-align:center;}
.co_info_message_area_btn span{
    padding: 1px 3px;
    border-radius: 10px;
    font-size: 12x;
    background-color: #dadada;
    color: rgb(255, 255, 255);
    line-height: 18px;
    text-align: center;
    cursor: pointer;
}
.co_info_message_area_input{
  position: relative;
}
.co_info_message_area_input textarea{
  width:98%;
  padding: 1%;
  resize: vertical;
  min-height:100px;
  font-size:14px;
  border-radius:5px;
  border:solid 1px #e2e2e2; 
}
.co_info_message_area_input_send{
  position: absolute;
  bottom:10px;
  right: 6px;
  padding:5px 3px;
  min-width: 40px;
  min-height: 25px;
  line-height:1em;
  font-size:12px;
  color:#fff;
  border-radius:5px;
  background-color:#2C7BE1;
  border:none;
  outline: none;
  cursor: pointer;
}
input,textarea,select{
  outline:none;
}
.co_list_icon img,.co_user_list_icon img,.co_wp_list_icon img{
  border-radius:30px;
}
.co_search{
  display:flex;
  background-color:#fbfbfb;
  align-items:center;
  padding: 5px 10px;
}
.co_search_select{
  font-size: small;
  margin-right:10px;
}
.co_search_select select{
  border:1px #ccc solid;
  background:#fdfdfd;
}
.co_search_form .search_field{
  background: #f1f1f1;
  height: auto;
  border-radius: 5px;
  padding: 1px 5px 1px 10px;
  position: relative;
  border: solid 1px #e2e2e2;
  font-size: small;
}
.search_submit{
    border: none;
    background: none;
    position: absolute;
    top: 6px;
    right: 8px;
    outline: 0;
    cursor: pointer;
}
.user_login_icon{
    float: right;
    padding:1.0%;
}

.feature_detail{
  float: right;
}

.head_data_cta{display: flex; padding:0 5px 10px 5px; text-align: center;}
.head_data_anxious{width:45%;padding:0 2.5% 0 2.5%;}
.head_data_dl     {width:45%;padding:0 2.5% 0 2.5%;}

.head_data_cta_view,.head_data_cta_review{
  padding-bottom:10px;
  margin-bottom:10px;
}
.head_data_cta_view{
  border-bottom:solid 1px #e2e2e2;
}
.value_view{
  float: right;
}
.value_view .material-icons{font-size:14px;}


.head_data_cta button{
    padding: 10px;
    margin-bottom:10px;
    width:100%;
    line-height: 1.2em;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: small;
}

.ar_co_main .head_data_cta button{ padding: 20px 10px;border-bottom:5px solid;}
.ar_co_main .head_data_cta button.head_data_anxious_btn{border-color:#186f6f;}
.ar_co_main .head_data_cta button.head_data_dl_btn{border-color:#a97619;}


.head_data_cta a{display:block;font-size:12px;text-align: center;}
.head_data_anxious_btn{background-color: #2A9B9B;}
.head_data_dl_btn     {background-color: #d29100;}

.tab{
  margin: 0 auto;
  width: 960px;
  height:50px;
  margin-bottom:10px;
  border-bottom: 5px solid #E2DEDE;
  position: relative;
}
.article .tab{width:100%;margin-bottom:50px;}
.user .tab{width:100%;margin-bottom:50px;}
.tab ul{
  position: absolute;
  bottom: -5px;
  display:flex;
  margin-right:30px;
  text-align: center;
}
.tab ul li        {padding:0 20px;}
.tab ul li.current{border-bottom: 5px solid #2C7BE1;}
.tab ul li.current{color: #2C7BE1;border-bottom:5px solid #2C7BE1;bottom:5px;}
.tab ul li a      {color:#000;}
.tab ul li a:hover{color: #2C7BE1;}

.tab_dl_btn{
  position: absolute;
  top: -35px;
  right: 2px;
  padding: 5px;
  margin-bottom: 10px;
  line-height: 1.2em;
  color: #2C7BE1;
  text-align: center;
  border-radius: 15px;
  border:solid 2px #2C7BE1;
  outline: none;
  cursor: pointer;
  font-size: small;
  font-weight:bold;
  background: #fff;
  animation: side 1s ease 1s forwards infinite;
  transition: transform 0.1s;
}
@keyframes side {
    0% {transform: translate(0px, 0px) }
    25% {transform: translate(4px, 0px)}
    50% {transform: translate(0px, 0px)}
    75% {transform: translate(2px, 0px)}
    100% {transform: translate(0px, 0px)}
}

.ar_recommend h2{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.ar_recommend_area{
  overflow-x:scroll;
  white-space: nowrap;
  margin-bottom:50px;
}
.ar_recommend_list{
  display: inline-block;
  width:15%;
}
.ar_recommend_list article{
  padding-bottom:15px;
}
.ar_recommend_list:nth-child(even){
  padding:0 30px;
}
.ar_recommend_list img{
  margin-bottom:5px;
}
.ar_recommend_list li{
  font-size:12px;
}
.ar_co  {display: flex;}
.ar_co_main{width:80%;}
.ar_co .head{margin-bottom: 50px;}
.ar_co_main h2{
  font-size:25px;
  font-weight:bold;
  margin-bottom:20px;
}
.ar_co_main_detail{
  padding-bottom:40px;
  margin-bottom:40px;
}
.ar_co_main_detail .ar_wp_head_cta{
  width:100%;
}
.ar_co_main_detail .ar_wp_head_anxious,.ar_co_main_detail .ar_wp_head_dl{
  width: 50%;
  padding: 0% 2.5% 0 2.5%;
}
.ar_co_main_detail .ar_wp_head_cta button {
    padding: 15px;
}
.ar_co_main_detail_img{
  display: flex;
  justify-content: space-between;
}

.ar_co_main_detail_list{
  display:flex;
  flex-wrap:wrap;
  padding:15px;
  margin-bottom:30px;
  text-align: center;
  border-radius:5px;
  border:solid 1px #e2e2e2;
  background:#fff;
}
.ar_co_main_detail_list div{
  width:29%;
  padding:1%;
  margin: 1%;
  border-radius:5px;
  background:#f5f5f5;
}
.ar_co_main_detail_list .ar_co_main_detail_list_active{
  background:#ccc;
}
.ar_co_main_detail_price{
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
}
.ar_co_main_detail_price ul{
  width:220px;
  padding:15px;
  margin:0 20px 20px 0;
  border-radius: 5px;
  border: solid 1px #e2e2e2;
  background: #fff;
  box-shadow: 0 3px 10px rgb(199 199 199 / 22%);
}
.ar_co_main_detail_price ul li{
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: solid 1px #efefef;
}
.ar_co_main_detail_price ul li:first-child{border-bottom: solid 2px #ead048;}
.ar_co_main_detail_price ul li:last-child{margin:0;padding:0;border:none;}
.ar_co_main_detail_price ul li span{float: right;}
.ar_co_side section{
  margin-bottom:30px;
  border-radius:5px;
  border:solid 1px #e2e2e2;
  background:#fbfbfb;
}
.ar_co_side_similar{
  position: sticky;
  top: 0;
}
.ar_co_side section h2{
  display:block;
  padding:15px;
  background-color: #fff;
  border-bottom: solid 1px #e2e2e2;
}
.ar_co_side section ul{
  padding:15px;
}
.ar_co_side_relation li,.ar_co_side_similar li{
  margin-bottom:10px;
}
.ar_co_side li:last-child{
  margin-bottom: 0;
}
.ar_co_side a{
  font-size:14px;
  color:#000;
}
.ar_co_side_member ul,.ar_co_side_relation ul li,.ar_co_side_similar ul li{
  display: flex;
}
.ar_co_side_member li{
  width:20%;
  text-align: center;
}
.ar_co_side_member li img{
  display:block;
}
.ar_co_side_img  {width:15%;margin-right:5%;}
.ar_co_side_title{width:80%;}


.ar_wp_all_dl_btn{
  position: sticky;
  bottom:0;
  padding:10px;
}
.ar_wp_all_dl_btn button{
  display: block;
  padding: 20px;
  margin: 0 auto;
  border: none;
  background:linear-gradient(135deg, #006ee0 0%,#1999d6 100%);
  border-radius: 40px;
  color: #fff;
  box-shadow: 0 6px 20px rgb(95 88 45 / 22%);
  opacity: 0.9;
}

.user header {margin-bottom:20px;}
.user header h2{font-size:25px;}

.user header h2 {width:80%;}
.user header nav{width:20%;text-align: right;}
.user header nav button{margin:0 8px ;}

.head{
  margin-bottom:40px;
  border-radius:5px;
  border:solid 1px #f1f1f1;
  background: #fff;
  box-shadow: 0 3px 10px rgb(199 199 199 / 22%);
}

.ar_co_main .head{
  border:solid 1px #f5efd2;
  background: #fff9dc;
  box-shadow: 0 3px 10px rgb(228 221 203 / 22%);
}

.head_box{
  display: flex;
  align-items: center;
  padding:15px;
}
.head_icon{width: 18%;text-align: center;}
.head_info{width: calc(50% - 20px);margin:0 auto;}
.head_info.recommend_text{width:80%;padding:0 10px;}
.head_form,.head_data{width: 32%;}
.head_icon_notes a{font-size:13px;}
.head_icon_notes,.head_info_title_notes{display:block;padding-top:5px;font-size:small;font-weight: normal;}
.head_info_title{position:relative;margin-bottom:10px;font-size: 18px;font-weight: bold;}
.head_info_other{display:flex;line-height: 2em;}
.head_info_other .head_info_other_feature{width:85%;padding:0 2.5%;}
.head_icon img{margin-bottom:5px;}

.head_info_other div{width:50%;}
.other_detail{float:right;}

.head_form textarea{width:95%;min-height:100px;}
.head .acd-label{color:#2C7BE1;}
.head .acd-check:checked + .acd-label + .acd-content{height:auto;padding:0 15px 15px 15px;}
.head .acd-content ul li{display:flex;}
.head .acd-content ul li span{width:150px;}

.head_data{
    border-radius: 5px;
    border: solid 1px #e2e2e2;
    background: #fbfbfb;
}
.head_data_header{
  display: flex;
  align-items: center;
  padding: 13px 13px 10px;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  border-bottom: solid 1px #e2e2e2;
}
.head_data_box{
  overflow:auto;
  max-height: 100px;
}
.head_data_list{
  padding: 10px;
}
.head_data_list  + .head_data_list{
  padding: 10px;
  border-top: solid 1px #efefef;
}
.data_layout{display:flex;text-align:center;margin:0 auto 40px auto;}
.data_layout_5row{width:19%;}
.data_layout_5row:nth-child(2n){margin:0 2%;}
.data_layout_3row{width:32%;}
.data_layout_3row:nth-child(2n){margin:0 2%;}
.data_layout_2row{width:49%;}
.data_layout_2row:nth-child(2n){margin:0 2%;}
.data_layout_1row{width:100%;}
.data_box{
  padding:15px;
  margin-bottom: 5px;
  border-radius: 5px;
  border: solid 1px #e2e2e2;
  background: #fff;
  text-align:center;
  font-size:18px;
}
.data_text{
  font-size:14px;
  text-align:left;
}
.data_text li{display: flex;}
.data_text li span{width:50%;}
.user h3{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}


.data_search{
  margin:0 0 50px 0;
}


.info_list.dl_list .info_list_data {max-height:450px;overflow:auto;}

.info_list.dl_list li:nth-child(1){width:15%;}
.info_list.dl_list li:nth-child(2){width:25%;}
.info_list.dl_list li:nth-child(3){width:35%;}
.info_list.dl_list li:nth-child(4){width:15%;}
.info_list.dl_list li:nth-child(5){width:10%;}
.info_list.dl_list li:nth-child(6){width:10%;}

.info_list.forum_list li:nth-child(1){width:15%;}
.info_list.forum_list li:nth-child(2){width:30%;}
.info_list.forum_list li:nth-child(3){width:5%;}
.info_list.forum_list li:nth-child(4){width:20%;}
.info_list.forum_list li:nth-child(5){width:10%;}
.info_list.forum_list li:nth-child(6){width:10%;}
.info_list.forum_list li:nth-child(7){width:10%;}

.info_list.review_list li:nth-child(1){width:15%;}
.info_list.review_list li:nth-child(2){width:40%;}
.info_list.review_list li:nth-child(3){width:35%;}
.info_list.review_list li:nth-child(4){width:10%;}

.info_list.report_list li:nth-child(1){width:15%;}
.info_list.report_list li:nth-child(2){width:15%;}
.info_list.report_list li:nth-child(3){width:60%;white-space: inherit;}
.info_list.report_list li:nth-child(4){width:10%;}

.info_list.parter_list li:nth-child(1){width:5%;}
.info_list.parter_list li:nth-child(2){width:11%;}
.info_list.parter_list li:nth-child(3){width:15%;}
.info_list.parter_list li:nth-child(4){width:15%;}
.info_list.parter_list li:nth-child(5){width:10%;}
.info_list.parter_list li:nth-child(6){width:10%;}
.info_list.parter_list li:nth-child(7){width:10%;}
.info_list.parter_list li:nth-child(8){width:15%;}


.us_member_box{
  display:flex;
  align-items:center;
  padding:15px;
  margin-bottom:30px;
  border-radius:5px;
  border:solid 1px #e2e2e2;
  background: #fff;
  box-shadow: 0 3px 10px rgb(199 199 199 / 22%);
}

.us_member_head_icon{width:20%;text-align: center;}
.us_member_head_info{width:50%;}
.us_member_head_data{width:30%;border-radius:5px;border:solid 1px #e2e2e2;}

.us_member_head_icon span {
    display: block;
    font-size: small;
}

.us_member_head_data{
  padding:15px;
  background-color: #fbfbfb;
  border:solid 1px #e2e2e2;
}

.us_member_wp{
  overflow-x:scroll;
  white-space: nowrap;
  padding:15px;
  border-radius:5px;
  background:#f9f9f9;
}
.us_member_wp_list{
  display: inline-block;
  width:10%;
}

.us_member_wp_list:nth-child(even) {
    padding: 0 5px;
}

.us_member_icon{width:15%; text-align: center;}
.us_member_info{width:15%;}
.us_member_wp  {width:70%; }      

.us_member_head_info_title{
   font-size: 18px;
   font-weight:bold;
}
.us_member_head_info div + div{
  padding-top:10px;
}
.us_member_icon span{
  padding-top:10px;
  display:block;
  font-size:12px;
}

.us_member_other{
  padding:15px;
  margin-bottom:50px;
  border-radius:5px;
  border:solid 1px #e2e2e2;
  background: #fff;
  box-shadow: 0 3px 10px rgb(199 199 199 / 22%);
}
.us_member_other_list{
  display:flex;
  align-items:center;
}
.us_member_other_list + .us_member_other_list{
  padding-top:15px;
  margin-top:15px;
  border-top:solid 1px #f9f9f9;
}

.us_member_head_data_view + .us_member_head_data_view{
  padding-top:10px;
  margin-top:10px;
  border-top:solid 1px #eaeaea;
}
.btn{
    padding: 10px;
    line-height: 1.2em;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: small;
}
.basic_btn{ background-color: #2C7BE1;}
.sub_btn  { background-color: #8097b5;}
.basic_right{margin-left:20px;}
.outline_btn{background-color: #ecf4ff;border: solid 1px #2c7be1;color: #2c7be1;padding: 5px;font-size: 12px;}
.large_btn{font-size: 120%;padding: 15px;}

.user header{
  display: flex;
  align-items: center;
}

.login_area{
  padding: 2%;
  width: 50%;
  margin: 20px auto 0 auto;
  border: solid 1px #e2e2e2;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 3px 10px rgb(199 199 199 / 22%);
}

@media screen and (min-width: 1400px) {
  .login_area{
      width: 35%;
  }
}

.login_area header h2{padding-bottom:25px;}

.form_input{margin-bottom: 15px;}
.content .form_input{margin-bottom: 30px;}
.form_input:last-child{margin-bottom:0px;}
.form_input .form_input_2row{display: inline-block;width:44%;}
.form_input div p{padding:0; margin:0;}
.form_input div input{width:98%;}
.form_input div input.mail_domain{width:60%;}
.form_input .wide{width:98%;}
input,select,textarea{
  border-radius: 5px;
  border: solid 1px #eaeaea;
  padding:0 5px; 
  line-height:2.2em;
}
input::placeholder,textarea::placeholder{
  color:#ccc;
}
.post_form input,.post_form select,.post_form textarea{
  min-height: 40px;
}
.post_side input[type=radio],.post_side input[type=checkbox]{
  margin-right:10px;
}
select{
  padding:5px; 
}
input::placeholder {color:#ccc;}
form p,form input,form select,form textarea,form button,form a{ font-size: 14px;}
.form_input div input[type=checkbox] {width: auto;margin-right: 5px;}
.postbox textarea{min-height:150px;}
.postbox textarea +div{margin-top:10px;}
.postbox{
  position: relative;
  display: flex;
  margin: 0 auto;
  padding-top:30px;
  width:960px;
}
.post_form_info{width:45%;margin: 0 auto;}
.post_form     {width:70%;margin: 0 auto;}
.postbox .info_list{width:70%;margin: 0 auto;}
.post_side     {width:300px;margin: 0 auto 0 30px;}
.resetting{min-height:385px;}
.post_form_info + .post_form{
  width:50%;
}

.post_form h2,.post_form_info h2{
  padding-bottom:30px;
}

.side_head{
  margin-bottom: 30px;
  border-radius: 5px;
  border: solid 1px #f1f1f1;
}
.side_head_box{
  align-items: center;
  padding: 15px;
  font-weight: normal;
}
.side_head_icon{display: flex;text-align: center;width:100%;margin-bottom: 10px;}
.side_head_icon img{width: 18%;margin-right:5px;}
.side_head_icon_notes a{font-size:13px;color: #acacac;}
.side_head_info_other{display:flex;line-height:1.6em;color: #acacac;}
.side_head_data{width:100%;}
.side_head_data_list{padding: 5px 0 5px 0;}
.side_head_data_list + .side_head_data_list{padding: 5px 0 0 0;border-top: solid 1px #efefef;}
    
.post_side_list ul{
  display:flex;
  align-items:center;
  margin-bottom: 10px;
}
.post_side_list li a{color:#acacac;}
.fixed_side{
  position: sticky;
  top: 30px;
}

.middle{
  display:flex;
  align-items:center;
  padding: 5px;
}
.post_side_list{
  border-bottom:solid 1px #efefef;
}
.flex{
  display: flex;
  align-items: center;
}
.flex_layout_2row div{
  display: inline-block;
  width: 48%;
  padding: 0;
}
.flex_layout_2row div + div{
  margin-left:2%;
}
.flex_layout_2row_center div{
  width: 45%;
  padding: 0% 2.5% 0 2.5%;
  text-align: center;
}
.flex_layout_3row div{
  display: inline-block;
  width: 31%;
  padding: 0;
}
.flex_layout_3row div + div{
  margin-left:2%;
}
.post_collect{
    margin-bottom: 30px;
    border-radius: 5px;
    border: solid 1px #e2e2e2;
    background: #fbfbfb;
}

.container_border{
    width: 97%;
    border-radius: 5px;
    border: solid 1px #f1f1f1;
}
.head .container_border{ border-radius:0 0 5px 5px;}


.container_border.banner a{
    text-align: center;
    display: block;
    padding: 5%;
    line-height: 1.6;
    background: #fbfbfb;
}

.post_side_header{
  display:flex;
  align-items:center;
  padding:15px;
  border-radius: 5px 5px 0 0;
  background-color: #fbfbfb;
  border-bottom: solid 1px #efefef;
}
.post_side_header_title{width:70%;}
.post_side_header_img  {width:30%; text-align: right;}
.post_side_list{
  padding:15px 15px 0 15px;
}
.post_side_list + h2{margin-top:15px;border-top: solid 1px #e2e2e2;border-radius:0;}
.post_side_list li{
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 230px;
}
.post_side_list li+li{padding-left:5px;}
.post_side_list_check{
  background: #f3f3f3;
  padding: 5px 5px 5px 10px ;
  border-radius: 5px;
  color:#9a9a9a;
}


.form_layout{
  position:relative;
  padding: 25px;
  margin-bottom: 30px;
  border-radius: 5px;
  border: solid 1px #e2e2e2;
  background: #fff;
  box-shadow: 0 3px 10px rgb(199 199 199 / 22%); 
}
.form_layout_btn{
  position:sticky;
  bottom:15px;
  background: #fff;
  border-radius: 5px;
  opacity: 0.9;
}


.form_layout_info{
  margin-bottom: 30px;
  border-radius: 5px;
  border: solid 1px #e2e2e2;
  background: #fbfbfb;
  max-height: 210px;
}
.form_layout_info h2{
  display: block;
  padding: 15px;
  font-size: 14px;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  border-bottom: solid 1px #e2e2e2;
}
.form_layout_info_day ul{
  padding-bottom:15px;
}
.form_layout_info_day li{
  padding: 15px 15px 0 15px;
  font-size:14px;  
}
.form_layout_info button{
  display:block;
  margin:0 auto;
}

.form_layout_btn button{
  display: block;
  padding: 20px;
  margin: 0 auto;
  border: none;
  background: linear-gradient(135deg, #006ee0 0%,#1999d6 100%);
  border-radius: 40px;
  color: #fff;
}

.form_input div p:first-child{
  font-weight:bold;
  margin-bottom: 5px;
}

.plan_label,.status_label{
  padding: 3px 8px;
  border-radius: 25px;
  color: #fff;
  font-size: 11px;
}
.free{background: #b695d4;}
.approval{background: #ead048;}

.check_layout div{
  display:inline-block;
  width:30%;
  margin-bottom:2%;
}
.form_input .check_layout div:nth-child(3n){
  margin:0 2%;
}
.check_layout input {
  position: absolute;
  left: -9999px;
}

.check_layout label {
  display: block;
  position: relative;
  padding: 10px 10px 10px 40px;
  border: 3px solid #fff;
  border-radius: 100px;
  background-color: #858b94;
  color:#fff;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: background-color .2s, box-shadow .2s;
}

.check_layout label::before {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  width: 13px;
  border: 3px solid #fff;
  border-radius: 100px;
}


.check_layout input:checked + label {
  background-color:#fff;
  color:#000;
}

.check_layout input:checked + label::before {
  background-color: #fff;
}

.dropzone{
  position: relative;
}
.drop_slide{
    overflow-x: scroll;
    white-space: nowrap;
} 
.slide_list{
  display:inline-block;
  width:150px;
  padding-bottom: 10px;
  margin-right:15px;
}
.slide_title{
  font-weight: bold;
  padding: 0;
}

.dropzone_box div{
  position: relative;
  width:100%;
}
.dropzone.form_input div input{
  width:auto;
  min-height: auto;
}
.dropzone.form_input div input[type=radio]{
  margin-right:5px;
}
.dropzone_container{
  min-height: 110px;
  cursor: pointer;
  border-radius: 5px;
  border: 2px dashed #c9d3e0;
  text-align: center;
  background: #fafbfd;
}
.dropzone_container_remain{
  border: 2px dashed #cecece;
  background: #f3f3f3;
}
.drop_slide .dropzone_container{
  margin-bottom: 10px;
}
.dropzone_container .drop_btn{
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  margin: 2em 0;
}
.dropzone .delete{
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 18px;
  border-radius: 10px;
  background: #fff;
  border: solid 1px #ccc;
}
.slide_box .file{
  margin-bottom:5px;
}
.add{
  width: 20px;
  height: 18px;
  border-radius: 10px;
  background: #2c7be1;
  border:none;
  color:#fff;
  border:none;
  outline: none;
}
.form_input .form_input_address_postal_code{width:15%;}
.form_input .form_input_address_pref       {width:20%;}
.form_input .form_input_address_area       {width:55%;}
.price_table .slide_list                   {width:300px; padding:15px;}
.form_input .price_left                    {width:45%;margin-right:5%;}
.form_input .price_right                   {width:50%;}
.form_input .form_input_address_postal_code{width:15%;}
.form_input .form_input_address_pref       {width:20%;}

#content .relation_list h2{
  border-left:none;
  font-size: 28px;
  padding: 27px 20px 22px 0;
  margin:0;
  line-height: 2pc;
  background:none;
}

.relation_list li{
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:solid 1px #f7f7f7;
}
.relation_list li a{display:block;}
.content_menu{
    display: block;
    width: 70%;
    margin: 0 auto;
}
.nav_collect{padding:25px;margin-bottom:30px;}
.nav_collect h2{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.nav_collect_list{
  display: flex;
  flex-wrap: wrap;
  align-items:flex-start;
}
.nav_collect_list + h2{
  margin-top:25px;
}
.nav_collect_list_detail{width:30%;}
.nav_collect_list_detail + .nav_collect_list_detail{margin:0 0 0 3%;}
.nav_collect_list_detail li + li{
  padding-top:5px;
  margin-top:5px;
}
.nav_collect_list_detail li a{
  color:#636362;
}
.search_box{
    display: block;
    margin: 0 auto;
    width: 60%;	
}
.search_list{
  margin-bottom: 30px;
  font-size:18px;
}
.search_list a{
  font-size:18px;
}
.search_list p{
 line-height: 1.5;
}
.search_label{
    font-size: small;
    padding: 2px 8px;
	margin-right:5px; 
	border-radius: 10px;
    color: #fff;
}
.search_label_partner{background: #62bf43;}
.search_label_customer{background:#889ccd;}
.search_label_page{background:#dcc54b;}
.search_label_news{background:#88cdcd;}
.search_box .list{padding: 0 0 30px 0;}
.search_box .list .list_block{width:30%;padding:0;}
.search_box .list .list_block a{display: block;padding: 20px;border: solid 1px #dcc54b;border-radius: 10px;}