
html { font-size: 10px; color: #333333; }

.pc { display: block; }
.sp { display: none; }

/*.min-fonts { font-family: "Sawarabi Mincho", serif; }*/

.inbk { display: inline-block; }

.right_contents { text-align: right; }

/*==============================================
  width
==============================================*/

.w_100 { width: 100%; }
.w_80 { width: 80%; }
.w_60 { width: 60%; }
.w_50 { width: 50%; }
.w_33 { width: 33.33333333%; }
.w_40 { width: 40%; }
.w_30 { width: 30%; }
.w_20 { width: 20%; }
.w_15 { width: 15%; }
.w_10 { width: 10%; }

/*==============================================
  font-size
==============================================*/
p { font-size: 1.8rem; }
p.header_page_title.blue_text.min-fonts { font-size: 4.0rem; }
.close_button_area a { font-size: 1.7rem; }
.close_button_area a i { font-size: 4.2rem; }
header p.header_page_title.blue_text.min-fonts { font-size: 4.0rem }
h3.right_content.min-fonts { font-size: 6.5rem; }
h3.right_content.min-fonts span { font-size: 2.5rem; }
.contents_links.mb_60.col_3 ul a p { font-size: 2.2rem; }
h2.min-fonts.gray_color .font_m { font-size: 2.5rem; }
.red h2.min-fonts.mb_80 span,
.yellow h2.min-fonts.mb_80 span,
.green h2.min-fonts.mb_80 span { font-size: 4rem; }
ul.col_2.news_contents li a p { font-size: 1.4rem; }
ul.col_2.news_contents li a { font-size: 1.8rem; }
.more_button.blue_links { font-size: 1.8rem; }
.column-2.middle.w472 p { font-size: 1.8rem; }
.more_detail { font-size: 2.0rem; }
section.full_section p { font-size: 1.8rem; }
.fb_block a { font-size: 1.5rem; }
.fb_block a span { font-size: 1.8rem; }

section.section.full_section.light_bg .title_text_area h1 { font-size: 4.5rem; }
section.section.full_section.light_bg .title_text_area h1 span { font-size: 3.0rem; }
section.section.full_section.light_bg .title_text_area h1 span.text_s { font-size: 2.0rem; }

section.section ul.other_projects li div h3 { font-size: 2.6rem; }
section.section ul.other_projects li div .text_contents h4 { font-size: 2.0rem; }
section.section ul.other_projects li div .text_contents p { font-size: 1.8rem; }
section.section ul.other_projects li div .text_contents p.more_detail { font-size: 2.0rem; }

section.section ul.col_content > li { font-size: 1.8rem; }

.red section.section ul.col_content > li h3,
.yellow section.section ul.col_content > li h3,
.green section.section ul.col_content > li h3 { font-size: 2.5rem; }
.red section.section ul.col_content > li h3 span,
.yellow section.section ul.col_content > li h3 span,
.green section.section ul.col_content > li h3 span { font-size: 1.8rem; }

.red section.section ul.col_content > li .contents_area .text_contents p,
.yellow section.section ul.col_content > li .contents_area .text_contents p,
.green section.section ul.col_content > li .contents_area .text_contents p,
.red section.section ul.col_content > li .contents_area .box_col > .text_contents p,
.yellow section.section ul.col_content > li .contents_area .box_col > .text_contents p,
.green section.section ul.col_content > li .contents_area .box_col > .text_contents p { font-size: 1.8rem; }

.page_col_area.col_2 > .w_70 h3 { font-size: 1.8rem; }

section.section ul.col_content > li .contents_area .red_bg p,
section.section ul.col_content > li .contents_area .yellow_bg p,
section.section ul.col_content > li .contents_area .green_bg p,
section.section ul.col_content > li .contents_area .white_bg p { font-size: 1.8rem; }
section.section ul.col_content > li .contents_area .red_bg p span.text_s,
section.section ul.col_content > li .contents_area .yellow_bg p span.text_s,
section.section ul.col_content > li .contents_area .green_bg p span.text_s,
section.section ul.col_content > li .contents_area .white_bg p span.text_s { font-size: 1.8rem; }
.red section.section ul.col_content > li .contents_area .box_col > .text_contents.w_70 li,
.yellow section.section ul.col_content > li .contents_area .box_col > .text_contents.w_70 li,
.green section.section ul.col_content > li .contents_area .box_col > .text_contents.w_70 li { font-size: 1.5rem; }
section.section.no_border ul.col_content > li ul.list_contents li a dl dd .right_contents p { font-size: 1.5rem; }
.red section.section ul.col_content.col_con_2.blog_lists p,
.yellow section.section ul.col_content.col_con_2.blog_lists p,
.green section.section ul.col_content.col_con_2.blog_lists p { font-size: 1.5rem; }
.red section.section ul.col_content.col_con_2.blog_lists p span.text_ss,
.yellow section.section ul.col_content.col_con_2.blog_lists p span.text_ss,
.green section.section ul.col_content.col_con_2.blog_lists p span.text_ss,
.red section.section ul.col_content.col_con_2.blog_lists p.post_archive_b_links.fb_icon,
.yellow section.section ul.col_content.col_con_2.blog_lists p.post_archive_b_links.fb_icon,
.green section.section ul.col_content.col_con_2.blog_lists p.post_archive_b_links.fb_icon { font-size: 1.3rem; }
.red section.section.full_section .right_contents a,
.yellow section.section.full_section .right_contents a,
.green section.section.full_section .right_contents a,
.red section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > .right_contents .more_detail,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > .right_contents .more_detail,
.green section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > .right_contents .more_detail,
.red section.section ul.col_content.col_con_2.blog_lists > li .box_contents a,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .box_contents a,
.green section.section ul.col_content.col_con_2.blog_lists > li .box_contents a { font-size: 1.8rem; }

.blog_content h2 { font-size: 5.5rem; }
.blog_content h3,
.blog_content h4 { font-size: 2.5rem; }

/*==============================================
  color
==============================================*/

.gray_bg { background-color: #333333; }
.gray_text { color: #333333; }

.blue_bg { background-color: #006ec7; }
.blue_text { color: #006ec7; }

.red_bg { background-color: #b01313; }
.red_text { color: #b01313; }

.pink_bg { background-color: #fcc3b6; }
.pink_text { color: #fcc3b6; }

/*
.yellow_bg { background-color: #2f7923; }
.yellow_text { color: #2f7923; }
*/
.yellow_bg { background-color: #2f7923; }
.yellow_text { color: #2f7923; }

.light_yellow_bg { background-color: #fef5d4; }
.light_yellow_text { color: #fef5d4; }

/*
.green_bg { background-color: #1d2088; }
.green_text { color: #1d2088; }
*/

.green_bg { background-color: #1d2088; }
.green_text { color: #1d2088; }

.light_green_bg { background-color: #f0fcd4; }
.light_green_text { color: #f0fcd4; }

.navy_bg { background-color: #002f9b; }
.navy_text { color: #002f9b; }

.sky_blue_bg { background-color: #93cce9; }
.sky_blue_text { color: #93cce9; }

.light_blue_bg { background-color: #d9effa; }
.light_blue_text { color: #d9effa; }

.steel_blue_bg { background-color: #528095; }
.steel_blue_text { color: #528095; }

.aqua_blue_bg { background-color: #19c3c2; }
.aqua_blue_text { color: #19c3c2; }

.orange_bg { background-color: #fdad4e; }
.orange_text { color: #fdad4e; }

.white_bg { background-color: #FFFFFF; }
.white_text { color: #FFFFFF; }


/*==============================================
  margin padding
==============================================*/

/*top*/
.mt_80 { margin-top: 80px; }
.mt_65 { margin-top: 65px; }
.mt_60 { margin-top: 60px; }
.mt_40 { margin-top: 40px; }
.mt_30 { margin-top: 30px; }
.mt_20 { margin-top: 20px; }
.mt_0 { margin-top: 0; }

.pt_80 { padding-top: 80px; }

/*side*/
.mlr_20 { margin-left: 20px; margin-right: 20px; }
.mlr_0 { margin-left: 0; margin-right: 0; }
.plr_20 { padding-left: 20px; padding-right: 20px; }
.plr_0 { padding-left: 0; padding-right: 0; }

/*bottom*/
.mb_120 { margin-bottom: 120px; }
.mb_80 { margin-bottom: 80px; }
.mb_65 { margin-bottom: 65px; }
.mb_60 { margin-bottom: 60px; }
.mb_40 { margin-bottom: 40px; }
.mb_30 { margin-bottom: 30px; }
.mb_20 { margin-bottom: 20px; }
.mb_0 { margin-bottom: 0; }

/*==============================================
  content
==============================================*/

.ri-grid,
.ri-grid-size-1,
h2.min-fonts.gray_color,
ul.col_2.news_contents,
.box-c-2.mt30.mb_80.pc,
.mb_60.col_3,
h3.right_content.min-fonts,
header .content-center .white_bg,
section.section.fix_section {
  max-width: 1360px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

#contentsArea,
#mainContents,
.content-main {
  float: none;
  width: 100%;
  padding: 0;
}

section.section { padding-bottom: 60px; }

/*header*/

header.content-wrapper {
  padding: 0;
  overflow: visible;
  z-index: 999999999;
}

header .content-center { overflow: visible; }

header .content-center.full_width {
  max-width: 100%;
  height: 200px;
  background-color: #FFFFFF;
  padding: 0;
}
header .content-center .white_bg {
  margin: 0 auto;
}
header .content-center .blue_bg {
  margin: 0 auto;
  height: 100px;
  line-height: 100px;
  text-align: center;
}

header.header .header__logo {
  float: left;
  margin: 19px 0;
  line-height: 1;
}

header.header .header__logo .header__logo-1 img { width: 190px; }
header.header .header__logo .header__logo-2 { margin-left: 50px; }
header.header .header__logo .header__logo-2 img { width: 183px; }

header p.header_page_title.white_text {
    display: inline-block;
    vertical-align: middle;
    font-size: 4.0rem;
    font-weight: bold;
}
header p.header_page_title.white_text a{
  color: #fff;
}
header p.header_page_title.white_text a:hover {
  text-decoration: none;
  opacity: 0.5;
}

/*main-menu*/

/*.top nav { margin-bottom: 100px; }*/

p.menu_open { display: block; }
p.menu_close { display: none; }

.menu {
  overflow: visible;
  min-height: 100px;
  overflow: visible;
}

label {
  background: green;
  color: #fff;
  padding: 10px;
  display: block;
  margin: 0;
  cursor: pointer;
  width: 33.4%;
  position: absolute;
  font-size: 2.0rem;
  height: 100px;
  top: 0;
  z-index: 99999;
  line-height: 1.2em;
  padding: 2% 2% 2% 5%;
  background-image: url(/common/kouken/images/arrow_w_001.png);
  background-position: 5% center;
  background-size: 30px auto;
  background-repeat: no-repeat;
}
label.red_bg { left: 0; }
label.green_bg { right: 0; }
label.yellow_bg {
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}

label span {
  position: absolute;
  top: 50%;
  left: 15%;
  transform: translate(-0%, -50%);
}

input[type="radio"].accordion {
  display: none;
}

.menu .navi-contents {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  top: 0;
}

.menu li {
  padding: 5px;
}

@keyframes on-menu {
  0% {
    height: 0;
    opacity: 0;
    display: none;
  }

  100% {
    height: 340px;
    opacity: 1;
    display: block;
  }
}

@keyframes off-menu {
  0% {
    height: 340px;
    opacity: 1;
    display: block;
    margin-top: 100px;
  }

  100% {
    height: 0;
    opacity: 0;
    display: none;
    margin-top: 0;
  }
}

input[type="radio"].accordion + .navi-contents {
  -webkit-animation: on-menu 0.6s ease 0s 1 normal none running;
     -moz-animation: on-menu 0.6s ease 0s 1 normal none running;
      -ms-animation: on-menu 0.6s ease 0s 1 normal none running;
       -o-animation: on-menu 0.6s ease 0s 1 normal none running;
          animation: on-menu 0.6s ease 0s 1 normal none running;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
      -ms-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  display: none;
  height: 0;
  margin: 0 -100% 0;
  overflow: visible;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  opacity: 0;
}

input[type="radio"].accordion:checked + .navi-contents {
  margin: 100px -100% 0;
  display: block;
  height: 370px;
  opacity: 1;
}
input[type="radio"].accordion:checked + .navi-contents ul {
  -webkit-animation: on-menu 0.6s ease 0s 1 normal none running;
     -moz-animation: on-menu 0.6s ease 0s 1 normal none running;
      -ms-animation: on-menu 0.6s ease 0s 1 normal none running;
       -o-animation: on-menu 0.6s ease 0s 1 normal none running;
          animation: on-menu 0.6s ease 0s 1 normal none running;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
      -ms-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

input[type="radio"].accordion + .navi-contents.content-close {
  height: 0 !important;
  opacity: 0 !important;
  -webkit-animation: off-menu 0.6s ease 0s 1 normal none running;
     -moz-animation: off-menu 0.6s ease 0s 1 normal none running;
      -ms-animation: off-menu 0.6s ease 0s 1 normal none running;
       -o-animation: off-menu 0.6s ease 0s 1 normal none running;
          animation: off-menu 0.6s ease 0s 1 normal none running;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
      -ms-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
input[type="radio"].accordion + .navi-contents.content-close ul {
  height: 0;
  display: none;
  -webkit-animation: off-menu 0.6s ease 0s 1 normal none running;
     -moz-animation: off-menu 0.6s ease 0s 1 normal none running;
      -ms-animation: off-menu 0.6s ease 0s 1 normal none running;
       -o-animation: off-menu 0.6s ease 0s 1 normal none running;
          animation: off-menu 0.6s ease 0s 1 normal none running;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
      -ms-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.menu .navi-contents ul {
  margin: 0 auto;
  position: relative;
  max-width: 1200px;
  /*height: 100%;*/
  padding: 10px 0 60px;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  align-content: flex-start;
  min-height: 340px;
}

.menu .navi-contents ul li.menu_items {
  width: -webkit-calc(50% - 6%);
     width: -moz-calc(50% - 6%);
      width: -ms-calc(50% - 6%);
       width: -o-calc(50% - 6%);
          width: calc(50% - 6%);
  height: 60px;
  position: relative;
  overflow: auto;
  border-bottom: 1px solid #FFFFFF;
  margin: 0 3%;
  opacity: 1;
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.menu .navi-contents ul li.menu_items:hover {
  opacity: 0.5;
}

.menu .navi-contents ul li.menu_items.order_1 {
  -webkit-order: 0;
     -moz-order: 0;
      -ms-order: 0;
       -o-order: 0;
          order: 0;
  float: left;
  overflow: hidden;
}

.menu .navi-contents ul li.menu_items.order_2 {
  -webkit-order: 1;
     -moz-order: 1;
      -ms-order: 1;
       -o-order: 1;
          order: 1;
  float: right;
}

.menu .navi-contents ul a {
  font-size: 2.0rem;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.menu .navi-contents ul a:hover { text-decoration: none; }

.menu .navi-contents ul a i {
  display: inline-block;
  width: 20px;
  height: 24px;
  background-image: url(/common/kouken/images/arrow_w_002.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  vertical-align: middle;
  margin-right: 10px;
}


.menu .navi-contents .close_button_area {
  margin: 0 auto;
  position: relative;
  bottom: 0;
  left: 0;
  max-width: 1300px;
}

.menu .navi-contents .close_button_area a {
  width: 100px;
  height: 100px;
  position: absolute;
  right: 0;
  z-index: 1000000;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  display: block;
}
.menu .navi-contents .close_button_area a:hover { text-decoration: none; }

.menu .navi-contents.red_bg .close_button_area a { background-color: #b01313; }
.menu .navi-contents.yellow_bg .close_button_area a { background-color: #2f7923; }
.menu .navi-contents.green_bg .close_button_area a { background-color: #1d2088; }

.menu .navi-contents .close_button_area a i {
  display: block;
  margin: 10px 0 15px;
}

.header-mobile__menu-toggle {
  position: relative;
  display: none;
  float: right;
  height: 70px;
  width: 55px;
  top: 20px;
  right: 20px;
  z-index: 99999999999;
}

.header-mobile__menu-toggle .icon-menu-hamburger {
  width: 55px;
  height: 40px;
  top: 0;
  -webkit-transform: translate(-50%, -0);
     -moz-transform: translate(-50%, -0);
      -ms-transform: translate(-50%, -0);
       -o-transform: translate(-50%, -0);
          transform: translate(-50%, -0);
}

.header-mobile__menu-toggle .icon-menu-hamburger span, .header-mobile__menu-toggle .icon-menu-hamburger:before, .header-mobile__menu-toggle .icon-menu-hamburger:after {
  height: 5px;
  background-color: #006ec7;
}

.header-mobile__menu-toggle .icon-menu-hamburger span {
  text-indent: -999999em;
}

.header-mobile__menu-toggle p {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
}

/*main-slider*/

.ri-grid {
  margin: 0 auto;
  position: relative;
  height: auto;
  width: 100%;
}

.ri-grid ul {
  background: #006ec7;
  list-style: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 1px 0 0;
}

/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.ri-grid ul:before,
.ri-grid ul:after{
  content: '';
    display: table;
}

.ri-grid ul:after {
    clear: both;
}

.ri-grid ul {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.ri-grid ul li {
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
  -o-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  display: block;
  overflow: hidden;
  background: #006ec7;
  width: -webkit-calc(33.3333% - 1.5px) !important;
     width: -moz-calc(33.3333% - 1.5px) !important;
      width: -ms-calc(33.3333% - 1.5px) !important;
       width: -o-calc(33.3333% - 1.5px) !important;
          width: calc(33.3333% - 1.5px) !important;
  height: 100% !important;
  max-width: 433px;
  padding-top: 18.85%;
  margin-left: 1px;
  margin-bottom: 1px;
}

.ri-grid ul li a{
  display: block;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
/*  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);*/
  max-width: 433px !important;
  width: 100% !important;
  max-height: 301px !important;
  height: 100% !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #333;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* Grid wrapper sizes */
.ri-grid-size-1{
  width: 100%;
}
.ri-grid-size-2{
  width: 100%;
}
.ri-grid-size-3{
  width: 100%;
  margin-top: 0px;
}

/* Shadow style */
.ri-grid-loading:after,
.ri-grid-loading:before{
  display: none;
}

.ri-loading-image{
  display: none;
}

.ri-grid-loading .ri-loading-image{
  position: relative;
  width: 30px;
  height: 30px;
  left: 50%;
  margin: 100px 0 0 -15px;
  display: block;
}

.main_slider {
  position:relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

p.main_images {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 550px;
  width: 37%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*---------*/

h2.min-fonts {
  text-align: center;
  padding: 60px 40px 20px;
  font-size: 6.5em;
  font-weight: 100;
  letter-spacing: -.02em;
}

.blue h2.min-fonts {
  color: #FFFFFF;
  background: #006ec7;
}

h2.min-fonts.gray_color {
  color: #333333;
  background: #FFFFFF;
  padding-top: 80px;
  padding-bottom: 40px;
  text-align: left;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
}
h2.min-fonts.gray_color .font_m { margin-left: 30px; }

section.full_section p {
  text-align: center;
  color: #FFFFFF;
}

ul.col_2.news_contents {
  overflow: hidden;
  position: relative;
  margin: 0 auto 0px;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

ul.col_2.news_contents_more { display: none; }
ul.col_2.news_contents_more li:first-child { border: none; }
.news_contents_more_button { margin: 40px 0 0; }

ul.col_2.news_contents li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    float: none;
    border-top: 1px solid #006ec7;
    max-width: 100%;
    min-height: 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
ul.col_2.news_contents li:last-child { border-bottom: 1px solid #006ec7; }
ul.col_2.news_contents li:hover { opacity: 0.5; }


ul.col_2.news_contents li a {
  position: relative;
  color: #333333;
  line-height: 1.7em;
  display: block;
  min-height: 40px;
  padding: 5px 15px 5px 60px;
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
ul.col_2.news_contents li a:hover {
  text-decoration: none;
  opacity: 0.5;
}
ul.col_2.news_contents li a i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

ul.col_2.news_contents li a i:after {
  content: "";
  background-size: auto 30px;
  background-position: center center;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-left: 15px;
  line-height: 30px;
}

.fb_icon:after { content: ""; background-image: url(/common/kouken/images/icon_fb_blue.png); }
.new_tab:after { content: ""; background-image: url(/common/kouken/images/icon_tab_sp_blue.png); }
.pdf_icon:after { content: ""; background-image: url(/common/kouken/images/ico_pdf01_sp.png); }

.more_button.blue_links {
  text-align: center;
}

.more_button.blue_links a {
  text-align: center;
  color: #333333;
  padding: 20px 0;
  opacity: 1;
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.more_button.blue_links a:hover {
  text-decoration: none;
  opacity: 0.5;
}
.more_button.blue_links a:after {
  width: 100%;
  height: 21px;
  content: "";
  background-image: url(/common/kouken/images/arrow_more_b.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 100%;
  display: inline-block;
  margin: 20px auto 0;
}
.green .more_button.blue_links a:after { background-image: url(/common/kouken/images/arrow_more_g.png); }

.fb_block {
  max-width: 1360px;
  padding-left: 30px;
  padding-right: 30px;
  margin: 40px auto 0;
  position: relative;
  overflow: hidden;
}

.fb_block a {
  border: 1px solid #006ec7;
  display: block;
  padding: 20px;
  color: #333333;
  opacity: 1;
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
      -ms-transition: all .25s linear;
       -o-transition: all .25s linear;
          transition: all .25s linear;
}
.fb_block a:hover {
  text-decoration: none;
  opacity: 0.5;
}

.fb_block a span {
  margin-bottom: 10px;
  display: block;
}

.fb_block .post_archive_b_links.fb_icon {
  display: block;
  text-align: right;
  line-height: 40px;
}
.fb_block .post_archive_b_links.fb_icon:after {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 10px;
}

.box-c-2.mt30.mb_80.pc {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.column-1.w158 {
  width: 158px;
  margin-right: 25px;
  float: left;
}

.column-2.middle.w472 {
  width: 80%;
  float: left;
}

.column-2.middle.w472 p {
  line-height: 1.4;
}

/*top*/

header { background-color: #006ec7; }

.mb_60.col_3 {
  margin: 0 auto;
}

.mb_60.col_3 ul {
  position: relative;
  overflow: hidden;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.mb_60.col_3 ul li {
  width: 33.3333333%;
  float: left;
  text-align: center;
  padding: 10px;
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

.mb_60.col_3 ul li:hover { opacity: 0.5; }

h3.right_content.min-fonts {
  margin: 0 auto;
  color: #FFFFFF;
  font-weight: normal;
  margin-bottom: 10px;
}

h3.right_content.min-fonts span {
  margin-right: 20px;
  font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.contents_links.mb_60.col_3 ul a:hover { text-decoration: none; }
.contents_links.mb_60.col_3 ul a p {
  padding: 35px 0 35px 12%;
  text-align: left;
  letter-spacing: -.03em;
  text-indent: -20px;
}

.contents_links.mb_60.col_3 ul a p:before {
  background-image: url(/common/kouken/images/arrow_w_002.png);
  content: "";
  width: 20px;
  height: 20px;
  background-position: 10% center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  display: inline-block;
  position: relative;
  left: -10px;
}

.top footer#footerArea {
  margin-top: 250px;
}

/*color page*/

section.section.full_section.light_bg {
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}

section.section.pb_0 { padding-bottom: 0; }

.red section.section.full_section.light_bg { background-color: #fcc3b6; }
.yellow section.section.full_section.light_bg { background-color: #f0fcd4; }
.green section.section.full_section.light_bg { background-color: #d2d2e7; }

.red_bg { background-color: #b01313; }
.pink_bg { background-color: #fcc3b6; }

.yellow_bg { background-color: #2f7923; }
.light_yellow_bg { background-color: #f0fcd4; }

.green_bg { background-color: #1d2088; }
.light_green_bg { background-color: #f0fcd4; }



.red section.section.full_section > *,
.yellow section.section.full_section > *,
.green section.section.full_section > * {
  max-width: 1360px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
  position: relative;
}

section.section.full_section.light_bg .title_img_area {
  max-width: 300px;
  float: left;
  margin-right: 30px;
  min-height: 210px;
  overflow: hidden;
  width:-webkit-calc(29% - 15px);
     width:-moz-calc(29% - 15px);
      width:-ms-calc(29% - 15px);
       width:-o-calc(29% - 15px);
          width:calc(29% - 15px);
}

section.section.full_section.light_bg .title_img_area img {
  -webkit-object-fit: cover;
     -moz-object-fit: cover;
      -ms-object-fit: cover;
       -o-object-fit: cover;
          object-fit: cover;
  -webkit-object-position: center center;
     -moz-object-position: center center;
      -ms-object-position: center center;
       -o-object-position: center center;
          object-position: center center;
  width: 100%;
  height: 100%;
}

section.section.full_section.light_bg .title_text_area {
  float: left;
  width: -webkit-calc(71% - 15px);
     width: -moz-calc(71% - 15px);
      width: -ms-calc(71% - 15px);
       width: -o-calc(71% - 15px);
          width: calc(71% - 15px);
  max-width: 860px;
}

.red section.section.full_section.light_bg .title_text_area h1 { color: #b01313; }
/*
.yellow section.section.full_section.light_bg .title_text_area h1 { color: #2f7923; }
.green section.section.full_section.light_bg .title_text_area h1 { color: #1d2088; }
*/
.yellow section.section.full_section.light_bg .title_text_area h1 { color: #2f7923; }
.green section.section.full_section.light_bg .title_text_area h1 { color: #1d2088; }

section.section.full_section.light_bg .title_text_area h1 {
  display: block;
  /*font-family: "Sawarabi Mincho", serif;*/
  font-weight:bold ;
  line-height: 1.2em;
  margin-bottom: 40px;
}

section.section.full_section.light_bg .title_text_area h1 span {
  display: block;
  margin-bottom: 10px;
  line-height: 1.2em;
}

section.section.full_section.light_bg .title_text_area h1 span.text_s { line-height: 1.4em; }

section.section.full_section.light_bg .title_text_area p {
  color: #333333;
  text-align: justify;
}

.red .blog_content section.section.full_section > p,
.yellow .blog_content section.section.full_section > p,
.green .blog_content section.section.full_section > p {
  margin-bottom: 40px;
}

.blog_content section.section.full_section ul.posts_list {
  margin-bottom: 40px;
}

.blog_content h2,
h2.min-fonts.mb_80 {
  border-bottom: 1px solid;
  max-width: 100% !important;
}

.blog_content h2 span,
h2.min-fonts.mb_80 span {
  max-width: 1300px;
  margin: 0 auto;
  display: block;
  text-align: left;
}

h2.min-fonts.mb_80.right_contents span { text-align: right; }

.blog_content h2,
.red section.section.full_section > h2.min-fonts,
.yellow section.section.full_section > h2.min-fonts,
.green section.section.full_section > h2.min-fonts {
  margin-bottom: 20px;
  letter-spacing: -.02em;
  text-align: left;
}
section.section.full_section > h2.min-fonts.right_contents {
  padding: 0 40px 20px;
}

.red section.section.full_section > h2.min-fonts span img {
    max-width: 150px;
}

.red h2.min-fonts,
.red .blog_content h2,
.red .blog_content h3:before { color: #b01313; }
.yellow h2.min-fonts,
.yellow .blog_content h2,
.yellow .blog_content h3:before { color: #2f7923; }
.green h2.min-fonts,
.green .blog_content h2,
.green .blog_content h3:before { color: #1d2088; }

.blog_content h3,
.blog_content h4 {
  position: relative;
  padding: 1px 10px 13px 0px;
  color: #333;
  margin: 0 0 1.4em;
  text-align: left;
}

.blog_content h3:before,
.blog_content h4:before {
  content: "■";
  color: #333333;
  display: inline-block;
  margin-right: 0.5em;
}

.blog_content h3:after,
.blog_content h4:after {
  content: "";
  display: block;
  margin-top: 13px;
  border-bottom: 1px solid #333333;
}

.blog_content h5 {
  font-size: 1.8rem;
  font-weight: bold;
}

#contentsArea.blog_content .content-row{
  display: table;
  width: 100%;
}
#contentsArea.blog_content .content-row.w900{
  width: 900px;
}
#contentsArea.blog_content .content-col{
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
#contentsArea.blog_content .content-col img{
  margin: auto;
  display: block;
}
#contentsArea.blog_content .content-box {
  border: 1px solid #999;
  padding: 20px;
  max-width: 1300px;
  margin-top: 40px;
  margin-bottom: 40px;
}
#contentsArea.blog_content .content-box h4 {
  padding: 0;
}
#contentsArea.blog_content .content-box .list_dot li{
  color: #000;
  font-size: 1.8rem;
}
#contentsArea.blog_content .content-box .list_dot li:before{
  content: "・";
}
#contentsArea.blog_content .img-caption{
  font-size: 1.5rem;
  text-align: center;
}
#contentsArea.blog_content .bottom-navigation {
  text-align: center;
}
#contentsArea.blog_content .bottom-navigation li{
  display: inline-block;
  font-size: 1.8rem;
  border-left: 1px dotted #ccc;
  padding: 0.5em 1em;
}
#contentsArea.blog_content .bottom-navigation li:last-child{
  border-right: 1px dotted #ccc;
}

.red .blog_content section.section.full_section .solo_img,
.yellow .blog_content section.section.full_section .solo_img,
.green .blog_content section.section.full_section .solo_img {
    height: 360px;
    overflow: hidden;
    margin-bottom: 40px;
    position: relative;
}

.red .blog_content section.section.full_section .solo_img img,
.yellow .blog_content section.section.full_section .solo_img img,
.green .blog_content section.section.full_section .solo_img img {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.red section.section p,
.yellow section.section p,
.green section.section p {
  color: #333333;
  text-align: left;
}

.red section.section.full_section > p,
.yellow section.section.full_section > p,
.green section.section.full_section > p {
  line-height: 2.0em;
  margin-bottom: 20px;
}

.red section.section.full_section .right_contents,
.yellow section.section.full_section .right_contents,
.green section.section.full_section .right_contents {
  position: relative;
  min-height: 60px;
  max-width: 1360px;
  padding: 0 30px;
}

section.section.full_section .right_contents .more_detail {
  color: #333333;
  display: inline-block;
  position: absolute;
  right: 30px;
  bottom: 20px;
  line-height: 30px;
}

section.section.full_section .right_contents .more_detail i {
  background-image: url(/common/kouken/images/arrow_w_002.png);
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #CCCCCC;
  background-repeat: no-repeat;
  background-position: center center;
  line-height: 1;
  vertical-align: top;
  margin-right: 20px;
}
.red section.section.full_section .right_contents .more_detail i { background-color: #b01313; }
.yellow section.section.full_section .right_contents .more_detail i { background-color: #2f7923; }
.green section.section.full_section .right_contents .more_detail i { background-color: #1d2088; }

section.section.full_section ul.posts_list { overflow: hidden; }

section.section.full_section ul.posts_list li {
  float: left;
  margin-left: -1px;
  width: 25%;
  border: 1px solid;
}
section.section.full_section ul.posts_list.col_1 li {
  width: 100%;
}
section.section.full_section ul.posts_list.col_2 li {
  width: 50%;
}
section.section.full_section ul.posts_list.col_3 li {
  width: 33.3%;
}
section.section.full_section ul.posts_list li:first-child { margin-left: 0; }
.red section.section ul li { color: #b01313; }
.yellow section.section ul li { color: #2f7923; }
.green section.section ul li { color: #1d2088; }

section.section ul.other_projects {
  overflow: hidden;
  position: relative;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-top: 20px;
}

section.section ul.other_projects li {
    width: -webkit-calc(50% - 10px);
       width: -moz-calc(50% - 10px);
        width: -ms-calc(50% - 10px);
         width: -o-calc(50% - 10px);
            width: calc(50% - 10px);
    border: 1px solid;
    margin-left: 20px;
    margin-bottom: 20px;
    float: left;
    position: relative;
    overflow: hidden;
}

section.section ul.other_projects li:nth-child(odd) {
  margin-left: 0;
}

section.section ul.other_projects li div:hover { text-decoration: none; }

section.section ul.other_projects li div h3 {
  height: 70px;
  line-height: 70px;
  color: #FFFFFF;
  /*font-family: "Sawarabi Mincho", serif;*/
  font-weight: 200;
  padding-left: 15px;
  padding-right: 15px;
}

section.section ul.other_projects li div h3.light_bg {
  background-color: #fcc3b6;
  color: #b01313;
}

section.section ul.other_projects li div .contents_area {
  padding: 25px 30px;
  overflow: hidden;
  /*height: 280px;*/
  position: relative;
}

section.section ul.other_projects li div .text_contents {
  margin-bottom: 20px;
}

section.section ul.other_projects li.col_2 .text_contents {
  max-width: 320px;
  float: right;
  width: 53%;
}

section.section ul.other_projects li div .text_contents h4 {
  color: #b01313;
  min-height: 50px;
  position: absolute;
  top: 30px;
  left: 25px;
}

section.section ul.other_projects li div .text_contents p {
  line-height: 2em;
  margin-top: 40px;
}

section.section ul.other_projects li div .text_contents .red_bg p.white_text {
    text-align: center;
    line-height: 1.6;
    padding: 5px;
}

section.section ul.other_projects li div .img_contents {
  max-width: 222px;
  border: 1px solid #333333;
  float: left;
  padding: 20px;
  width: 40%;
  margin-right: 7%;
}


section.section ul.other_projects li div .text_contents p.more_detail {
  color: #333333;
  display: inline-block;
  position: absolute;
  right: 20px;
  bottom: 20px;
  line-height: 30px;
}

section.section ul.other_projects li div .text_contents p.more_detail i {
  background-image: url(/common/kouken/images/arrow_w_002.png);
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #CCCCCC;
  background-repeat: no-repeat;
  background-position: center center;
  line-height: 1;
  vertical-align: top;
  margin-right: 20px;
}
.red section.section ul.other_projects li div .text_contents p.more_detail i { background-color: #b01313; }
.yellow section.section ul.other_projects li div .text_contents p.more_detail i { background-color: #2f7923; }
.green section.section ul.other_projects li div .text_contents p.more_detail i { background-color: #1d2088; }

.red section.section.full_section > p.text_area,
.yellow section.section.full_section > p.text_area,
.green section.section.full_section > p.text_area {
  margin-top: 40px;
  /*margin-bottom: 60px;*/
  margin-bottom: 0;
}

.red section.section ul.col_content,
.yellow section.section ul.col_content,
.green section.section ul.col_content {
  position: relative;
  overflow: auto;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.red section.section ul.col_content.no_flex,
.yellow section.section ul.col_content.no_flex,
.green section.section ul.col_content.no_flex {
  display: block;
}
.red section.section ul.col_content.blog_lists,
.yellow section.section ul.col_content.blog_lists,
.green section.section ul.col_content.blog_lists {
  margin-bottom: 30px;
}
.red section.section ul.col_content.col_con_2 > li,
.yellow section.section ul.col_content.col_con_2 > li,
.green section.section ul.col_content.col_con_2 > li {
  width: calc(50% - 25px);
  max-width: 625px;
  float: left;
  text-align: center;
  margin-right: 50px;
}
.red section.section ul.col_content.col_con_2 > li,
.green section.section ul.col_content.col_con_2 > li {
  border: 1px solid;
}
.red section.section.no_border ul.col_content.col_con_2 > li,
.yellow section.section.no_border ul.col_content.col_con_2 > li,
.green section.section.no_border ul.col_content.col_con_2 > li {
  border: none;
}
.red section.section ul.col_content.col_con_2.blog_lists > li,
.yellow section.section ul.col_content.col_con_2.blog_lists > li,
.green section.section ul.col_content.col_con_2.blog_lists > li {
  border: none;
}
.red section.section.no_border ul.col_content.col_con_2 > li.w_30,
.yellow section.section.no_border ul.col_content.col_con_2 > li.w_30,
.green section.section.no_border ul.col_content.col_con_2 > li.w_30 {
  max-width: 400px;
  min-height: 301px;
  width:-webkit-calc(32% - 25px);
     width:-moz-calc(32% - 25px);
      width:-ms-calc(32% - 25px);
       width:-o-calc(32% - 25px);
          width:calc(32% - 25px);
}
.red section.section.no_border ul.col_content.col_con_2 > li.w_30 img,
.yellow section.section.no_border ul.col_content.col_con_2 > li.w_30 img,
.green section.section.no_border ul.col_content.col_con_2 > li.w_30 img {
  max-width: 400px;
  min-height: 301px;
  width: 100%;
  -webkit-object-fit: cover;
     -moz-object-fit: cover;
      -ms-object-fit: cover;
       -o-object-fit: cover;
          object-fit: cover;
}
.red section.section.no_border ul.col_content.col_con_2 > li.w_70,
.yellow section.section.no_border ul.col_content.col_con_2 > li.w_70,
.green section.section.no_border ul.col_content.col_con_2 > li.w_70 {
  max-width: 850px;
  width: -webkit-calc(68% - 25px);
     width: -moz-calc(68% - 25px);
      width: -ms-calc(68% - 25px);
       width: -o-calc(68% - 25px);
          width: calc(68% - 25px);
}
.red section.section.no_border ul.col_content.col_con_2 > li > .contents_area,
.yellow section.section.no_border ul.col_content.col_con_2 > li > .contents_area,
.green section.section.no_border ul.col_content.col_con_2 > li > .contents_area {
  padding: 0;
}

.red section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li:last-child,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li:last-child,
.green section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li:last-child {
  border-bottom: 1px solid;
}

.red section.section ul.col_content.col_con_2.blog_lists > li .contents_area,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .contents_area,
.green section.section ul.col_content.col_con_2.blog_lists > li .contents_area {
  padding: 15px 0;
}

.red section.section ul.col_content.col_con_2.blog_lists > li .contents_area .text_block,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .contents_area .text_block,
.green section.section ul.col_content.col_con_2.blog_lists > li .contents_area .text_block {
  position: relative;
  min-height: 220px;
}

.red section.section ul.col_content.col_con_2.blog_lists .contents_area > p,
.yellow section.section ul.col_content.col_con_2.blog_lists .contents_area > p,
.green section.section ul.col_content.col_con_2.blog_lists .contents_area > p {
    min-height: 100px;
    padding: 12px 0;
}

.red section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li,
.green section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li {
  border-top: 1px solid;
  position: relative;
}

.red section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a,
.green section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a {
  text-align: center;
  display: block;
  padding: 10px 0;
  min-height: 100px;
  opacity: 1;
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
      -ms-transition: all .25s linear;
       -o-transition: all .25s linear;
          transition: all .25s linear;
}

.red section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a:hover,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a:hover,
.green section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a:hover {
  text-decoration: none;
  opacity: 0.5;
}

.red section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > p,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > p,
.green section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > p {
  text-align: center;
  line-height: 1.8em;
}

.red section.section.full_section .blog_lists .right_contents,
.yellow section.section.full_section .blog_lists .right_contents,
.green section.section.full_section .blog_lists .right_contents,
.red section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li a .right_contents,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li a .right_contents,
.green section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li a .right_contents {
  position: absolute;
  right: 0;
  bottom: 10px;
  min-height: 1.6em;
  padding: 0 0 10px;
  width: 100%;
}

.green section.section.full_section .blog_lists .right_contents.box_links {
  right: 20px;
}

.red section.section.full_section .blog_lists .right_contents a,
.yellow section.section.full_section .blog_lists .right_contents a,
.green section.section.full_section .blog_lists .right_contents a {
  bottom: 0;
  right: 2px;
}

.red section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li a .right_contents span,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li a .right_contents span,
.green section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li a .right_contents span {
  right: 2px;
  bottom: 0;
}

.red section.section.full_section .right_contents a i,
.yellow section.section.full_section .right_contents a i,
.green section.section.full_section .right_contents a i,
.red section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > .right_contents .more_detail i,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > .right_contents .more_detail i,
.green section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > .right_contents .more_detail i {
  background-image: url(/common/kouken/images/arrow_w_002.png);
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  line-height: 1;
  vertical-align: middle;
  margin-right: 10px;
  background-size: 13px auto;
}

.red section.section ul.col_content.col_con_2.blog_lists p span.text_ss,
.yellow section.section ul.col_content.col_con_2.blog_lists p span.text_ss,
.green section.section ul.col_content.col_con_2.blog_lists p span.text_ss {
  margin-top: 20px;
}

.red section.section ul.col_content.col_con_2.blog_lists > li .box_contents .font_s,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .box_contents .font_s,
.green section.section ul.col_content.col_con_2.blog_lists > li .box_contents .font_s {
  font-size: 1.5rem;
}

.red section.section ul.col_content.col_con_2.blog_lists > li .box_contents,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .box_contents,
.green section.section ul.col_content.col_con_2.blog_lists > li .box_contents {
    margin-top: 30px;
    border: 1px solid;
    padding: 20px 20px 2em;
    position: relative;
    text-align: left;
    color: #333;
}

.red section.section ul.col_content.col_con_2.blog_lists > li .box_contents a,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .box_contents a,
.green section.section ul.col_content.col_con_2.blog_lists > li .box_contents a {
  text-align: left;
  color: #333333;
  display: inline-block;
  opacity: 1;
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
      -ms-transition: all .25s linear;
       -o-transition: all .25s linear;
          transition: all .25s linear;
}

.red section.section ul.col_content.col_con_2.blog_lists > li .box_contents a:hover,
.yellow section.section ul.col_content.col_con_2.blog_lists > li .box_contents a:hover,
.green section.section ul.col_content.col_con_2.blog_lists > li .box_contents a:hover {
  text-decoration: none;
  opacity: 0.5;
}

.red section.section ul.col_content.col_con_2.blog_lists p.post_archive_b_links.fb_icon,
.yellow section.section ul.col_content.col_con_2.blog_lists p.post_archive_b_links.fb_icon,
.green section.section ul.col_content.col_con_2.blog_lists p.post_archive_b_links.fb_icon {
  line-height: 2em;
  text-align: right;
  margin-top: 24px;
}

.red section.section ul.col_content.col_con_2.blog_lists p.post_archive_b_links.fb_icon:after,
.yellow section.section ul.col_content.col_con_2.blog_lists p.post_archive_b_links.fb_icon:after,
.green section.section ul.col_content.col_con_2.blog_lists p.post_archive_b_links.fb_icon:after {
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: 90% auto;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: top;
}

.red section.section ul.col_content.col_con_3 > li,
.yellow section.section ul.col_content.col_con_3 > li,
.green section.section ul.col_content.col_con_3 > li {
  width: calc(33.3333333% - 34px);
  max-width: 400px;
  float: left;
  text-align: center;
  border: 1px solid;
  margin-right: 50px;
}
.red section.section ul.col_content > li { color: #b01313; }
.yellow section.section ul.col_content > li { color: #2f7923; }
.green section.section ul.col_content > li { color: #1d2088; }
.red section.section ul.col_content > li:last-child,
.yellow section.section ul.col_content > li:last-child,
.green section.section ul.col_content > li:last-child,
.green section.section ul.col_content > li:nth-child(2) {
  margin-right: 0;
}

.red section.section ul.col_content.full_contents > li,
.yellow section.section ul.col_content.full_contents > li,
.green section.section ul.col_content.full_contents > li {
  border: 1px solid;
  margin-bottom: 40px;
}

.green section.section ul.col_content > li.col_1.right_box:last-child {
    margin-top: 50px;
    padding: 10px 20px;
}

.green section.section ul.col_content > li.col_1.right_box:last-child p {
  text-align: center;
}

.green section.section ul.col_content > li.col_1.right_box:last-child p span.coll_mark:before {
  background-image: url(/common/kouken/images/icon-phone-black.png);
}
.red section.section ul.col_content.full_contents > li.col_1 h3,
.yellow section.section ul.col_content.full_contents > li.col_1 h3,
.green section.section ul.col_content.full_contents > li.col_1 h3 {
  line-height: 70px;
  padding-left: 30px;
}

.red section.section ul.col_content.full_contents > li .contents_area .box_col {
  background: none;
}

.red section.section ul.col_content > li h3.red_bg,
.yellow section.section ul.col_content > li h3.yellow_bg,
.green section.section ul.col_content > li h3.green_bg,
.red section.section ul.col_content > li h3.light_bg,
.yellow section.section ul.col_content > li h3.light_bg,
.green section.section ul.col_content > li h3.light_bg {
  min-height: 70px;
  line-height: 70px;
  /*font-family: "Sawarabi Mincho", serif;*/
  font-weight: normal;
  letter-spacing: -.04em;
}

.red section.section ul.col_content > li h3.red_bg,
.yellow section.section ul.col_content > li h3.yellow_bg,
.green section.section ul.col_content > li h3.green_bg {
  color: #FFFFFF;
  line-height: 1.3em;
}

.red section.section ul.col_content.blog_lists > li h3.red_bg,
.yellow section.section ul.col_content.blog_lists > li h3.yellow_bg,
.green section.section ul.col_content.blog_lists > li h3.green_bg {
  color: #FFFFFF;
  display: -webkit-flex;
     display: -moz-flex;
      display: -ms-flex;
       display: -o-flex;
          display: flex;
  line-height: 1em;
  -webkit-justify-content: center;
     -moz-justify-content: center;
      -ms-justify-content: center;
       -o-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-align-items: center;
      -ms-align-items: center;
       -o-align-items: center;
          align-items: center;
  line-height: 70px;
}

.red section.section ul.col_content > li h3.light_bg { background-color: #fcc3b6; }
.yellow section.section ul.col_content > li h3.light_bg { background-color: #fef5d4; }
.green section.section ul.col_content > li h3.light_bg { background-color: #d2d2e7; }

.red section.section ul.col_content > li .contents_area,
.yellow section.section ul.col_content > li .contents_area,
.green section.section ul.col_content > li .contents_area {
  padding: 30px;
}

.red section.section ul.col_content > li .contents_area .text_contents p,
.yellow section.section ul.col_content > li .contents_area .text_contents p,
.green section.section ul.col_content > li .contents_area .text_contents p {
  line-height: 2em;
  min-height: 5.6em;
  margin-bottom: 30px;
}
.red section.section ul.col_content > li .contents_area .text_contents p {
    min-height: 6.5em;
    line-height: 1.6em;
}

.red section.section ul.col_content > li .contents_area .text_contents p.name,
.yellow section.section ul.col_content > li .contents_area .text_contents p.name,
.green section.section ul.col_content > li .contents_area .text_contents p.name {
  line-height: 1.8em;
  min-height: 1em;
  margin-bottom: 25px;
  text-align: right;
  font-weight: bold;
}
.red section.section ul.col_content > li .contents_area .text_contents p.name span,
.yellow section.section ul.col_content > li .contents_area .text_contents p.name span,
.green section.section ul.col_content > li .contents_area .text_contents p.name span {
  font-weight: normal;
  display: block;
}

.red section.section ul.col_content > li .contents_area .box_col,
.yellow section.section ul.col_content > li .contents_area .box_col,
.green section.section ul.col_content > li .contents_area .box_col {
  overflow: hidden;
  padding: 3px;
}
.red section.section ul.col_content > li .contents_area .box_col { background-color: #fcc3b6; }
.yellow section.section ul.col_content > li .contents_area .box_col { background-color: #fef5d4; }
.green section.section ul.col_content > li .contents_area .box_col { background-color: #d2d2e7; }

.red section.section ul.col_content > li .contents_area .box_col > *,
.yellow section.section ul.col_content > li .contents_area .box_col > *,
.green section.section ul.col_content > li .contents_area .box_col > * {
  float: left;
  width: 50%;
  overflow: hidden;
}

.red section.section ul.col_content > li .contents_area .box_col > .text_contents,
.yellow section.section ul.col_content > li .contents_area .box_col > .text_contents,
.green section.section ul.col_content > li .contents_area .box_col > .text_contents {
  padding: 20px;
  text-align: left;
  margin-bottom: 0;
}

.red section.section ul.col_content > li .contents_area .box_col > .text_contents h4,
.yellow section.section ul.col_content > li .contents_area .box_col > .text_contents h4,
.green section.section ul.col_content > li .contents_area .box_col > .text_contents h4 {
  margin-bottom: 15px;
}

.red section.section ul.col_content > li .contents_area .box_col > .text_contents p,
.yellow section.section ul.col_content > li .contents_area .box_col > .text_contents p,
.green section.section ul.col_content > li .contents_area .box_col > .text_contents p {
  margin-bottom: 0;
}

.red section.section ul.col_content > li .contents_area .box_col > .img_contents,
.yellow section.section ul.col_content > li .contents_area .box_col > .img_contents,
.green section.section ul.col_content > li .contents_area .box_col > .img_contents {
  position: relative;
  overflow: hidden;
  padding-top: 40%;
}

.red section.section ul.col_content > li .contents_area .box_col > .img_contents img,
.yellow section.section ul.col_content > li .contents_area .box_col > .img_contents img,
.green section.section ul.col_content > li .contents_area .box_col > .img_contents img {
  position: absolute;
  width: 100%;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.red section.section ul.col_content.full_contents > li .contents_area .box_col > .img_contents img,
.yellow section.section ul.col_content.full_contents > li .contents_area .box_col > .img_contents img,
.green section.section ul.col_content.full_contents > li .contents_area .box_col > .img_contents img {
  top: 50%;
}

.red section.section ul.col_content.full_contents > li .contents_area .box_col > .img_contents,
.yellow section.section ul.col_content.full_contents > li .contents_area .box_col > .img_contents,
.green section.section ul.col_content.full_contents > li .contents_area .box_col > .img_contents {
    position: relative;
    overflow: hidden;
    padding-top: 31%;
    width: 40%;
    margin-right: 10%;
}

i.new_tab.red_icon {
  display: inline-block;
  content: "";
  width: 15px;
  height: 15px;
  background-image: url(/common/kouken/images/icon_new_tab_red.png);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 0.5em;
}

.red section.section ul.col_content > li .contents_area .box_col.text_col,
.yellow section.section ul.col_content > li .contents_area .box_col.text_col,
.green section.section ul.col_content > li .contents_area .box_col.text_col {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.red section.section ul.col_content > li .contents_area .box_col > .text_contents.w_30,
.yellow section.section ul.col_content > li .contents_area .box_col > .text_contents.w_30,
.green section.section ul.col_content > li .contents_area .box_col > .text_contents.w_30 {
  width: 30%;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-justify-content: center;
     -moz-justify-content: center;
      -ms-justify-content: center;
       -o-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-align-items: center;
      -ms-align-items: center;
       -o-align-items: center;
          align-items: center;
}
.red section.section ul.col_content > li .contents_area .box_col > .text_contents.w_30 h4,
.yellow section.section ul.col_content > li .contents_area .box_col > .text_contents.w_30 h4,
.green section.section ul.col_content > li .contents_area .box_col > .text_contents.w_30 h4 {
  margin-bottom: 0;
}

.red section.section ul.col_content > li .contents_area .box_col > .text_contents.w_70,
.yellow section.section ul.col_content > li .contents_area .box_col > .text_contents.w_70,
.green section.section ul.col_content > li .contents_area .box_col > .text_contents.w_70 {
  width: 70%;
  padding-left: 0;
}
.red section.section ul.col_content > li .contents_area .box_col > .text_contents.w_70 li,
.yellow section.section ul.col_content > li .contents_area .box_col > .text_contents.w_70 li,
.green section.section ul.col_content > li .contents_area .box_col > .text_contents.w_70 li {
  color: #333333;
  text-indent: -1em;
  padding-left: 1em;
}

section.section ul.col_content > li ul.list_contents {
  overflow: hidden;
  margin-bottom: 30px;
}

section.section ul.col_content > li ul.list_contents li {
  width: 100%;
  float: none;
  border-right: none;
  border-left: none;
  border-top: none;
  border-bottom: 1px solid #333333;
  text-align: left;
  color: #333333;
  line-height: 49px;
  min-height: 50px;
  letter-spacing: -.04em;
  position: relative;
  overflow: hidden;
}
section.section ul.col_content > li ul.list_contents li:first-child { border-top: 1px solid #333333; }

.red section.section.no_border ul.col_content > li ul.list_contents li,
.yellow section.section.no_border ul.col_content > li ul.list_contents li,
.green section.section.no_border ul.col_content > li ul.list_contents li {
  min-height: 100px;
  line-height: 100px;
}

.red section.section.no_border ul.col_content > li ul.list_contents li,
.red section.section.no_border ul.col_content > li ul.list_contents li:last-child { border-color: #b01313; }
.yellow section.section.no_border ul.col_content > li ul.list_contents li,
.yellow section.section.no_border ul.col_content > li ul.list_contents li:last-child { border-color: #2f7923; }
.green section.section.no_border ul.col_content > li ul.list_contents li,
.green section.section.no_border ul.col_content > li ul.list_contents li:last-child { border-color: #1d2088; }

.red section.section.no_border ul.col_content > li ul.list_contents li a,
.yellow section.section.no_border ul.col_content > li ul.list_contents li a,
.green section.section.no_border ul.col_content > li ul.list_contents li a,
.red section.section.no_border ul.col_content > li ul.list_contents li a:hover,
.yellow section.section.no_border ul.col_content > li ul.list_contents li a:hover,
.green section.section.no_border ul.col_content > li ul.list_contents li a:hover {
  color: #333333;
  text-decoration: none;
  display: block;
  min-height: -webkit-calc(100px - 1.333333px);
     min-height: -moz-calc(100px - 1.333333px);
      min-height: -ms-calc(100px - 1.333333px);
       min-height: -o-calc(100px - 1.333333px);
          min-height: calc(100px - 1.333333px);
}

.red section.section.no_border ul.col_content > li ul.list_contents li a dl,
.yellow section.section.no_border ul.col_content > li ul.list_contents li a dl,
.green section.section.no_border ul.col_content > li ul.list_contents li a dl {
  position: relative;
  overflow: hidden;
  display: -webkit-flex;
     display: -moz-flex;
      display: -ms-flex;
       display: -o-flex;
          display: flex;
  -webkit-align-items: center;
     -moz-align-items: center;
      -ms-align-items: center;
       -o-align-items: center;
          align-items: center;
}

.red section.section.no_border ul.col_content > li ul.list_contents li a dl > *,
.yellow section.section.no_border ul.col_content > li ul.list_contents li a dl > *,
.green section.section.no_border ul.col_content > li ul.list_contents li a dl > * {
  float: left;
}

section.section.no_border ul.col_content > li ul.list_contents li a dl dt {
  width: 170px;
/*  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);*/
}
section.section.no_border ul.col_content > li ul.list_contents li a dl dd {
  /*margin-left: 170px;*/
  padding-right: 120px;
  line-height: 1.4em;
  width: -webkit-calc(100% - 170px);
     width: -moz-calc(100% - 170px);
      width: -ms-calc(100% - 170px);
       width: -o-calc(100% - 170px);
          width: calc(100% - 170px);
  -webkit-flex: 4;
     -moz-flex: 4;
      -ms-flex: 4;
       -o-flex: 4;
          flex: 4;
}

section.section.no_border ul.col_content > li ul.list_contents li a dl dd .right_contents {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
section.section.no_border ul.col_content > li ul.list_contents li a dl dd .right_contents p {
  margin: 0;
  min-height: auto;
}

section.section.no_border ul.col_content > li ul.list_contents li a dl dd .right_contents p i {
  background-image: url(/common/kouken/images/arrow_w_002.png);
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #CCCCCC;
  background-repeat: no-repeat;
  background-position: center center;
  line-height: 1;
  vertical-align: middle;
  margin-right: 10px;
  background-size: 13px auto;
}

.red section.section.no_border ul.col_content > li ul.list_contents li a dl dd .right_contents p i { background-color: #b01313; }
.yellow section.section.no_border ul.col_content > li ul.list_contents li a dl dd .right_contents p i { background-color: #2f7923; }
.green section.section.no_border ul.col_content > li ul.list_contents li a dl dd .right_contents p i { background-color: #1d2088; }

section.section ul.col_content > li .contents_area .red_bg p,
section.section ul.col_content > li .contents_area .yellow_bg p,
section.section ul.col_content > li .contents_area .green_bg p,
section.section ul.col_content > li .contents_area .white_bg p {
  text-align: center;
  padding: 5px;
  color: #FFFFFF;
  letter-spacing: -.04em;
  line-height: 1.2em;
}

.red section.section ul.col_content > li .contents_area .white_bg p { color: #b01313; }
.yellow section.section ul.col_content > li .contents_area .white_bg p { color: #2f7923; }
.green section.section ul.col_content > li .contents_area .white_bg p { color: #1d2088; }

section.section ul.col_content > li ul.list_contents li > p {
  display: inline-block;
  margin-left: 150px;
  width: -webkit-calc(100% - 150px);
     width: -moz-calc(100% - 150px);
      width: -ms-calc(100% - 150px);
       width: -o-calc(100% - 150px);
          width: calc(100% - 150px);
  line-height: 50px;
  overflow: hidden;
  position: relative;
  vertical-align: middle;

}
section.section ul.col_content > li ul.list_contents li > p span {
  position: relative;
  width: 100%;
  line-height: 1.4em;
  height: auto;
  display: -webkit-flex;
     display: -moz-flex;
      display: -ms-flex;
       display: -o-flex;
          display: flex;
  -webkit-align-items: center;
     -moz-align-items: center;
      -ms-align-items: center;
       -o-align-items: center;
          align-items: center;
}

section.section ul.col_content > li ul.list_contents li > p.date_time {
  width: 150px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-left: 0;
  line-height: 2em;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

section.section ul.col_content.schedule_column {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  overflow: hidden;
}

.red section.section ul.col_content.schedule_column > li { background-color: #b01313; }
.yellow section.section ul.col_content.schedule_column > li { background-color: #2f7923; }
.green section.section ul.col_content.schedule_column > li { background-color: #1d2088; }

.red section.section ul.col_content.schedule_column > li,
.yellow section.section ul.col_content.schedule_column > li,
.green section.section ul.col_content.schedule_column > li {
  max-width: 380px;
  width: 29.23%;
  min-height: 70px;
  line-height: 70px;
  vertical-align: middle;
  margin: 0;
  border: none;
  color: #FFFFFF;
}
.red section.section ul.col_content.schedule_column > li.arrow_area,
.yellow section.section ul.col_content.schedule_column > li.arrow_area,
.green section.section ul.col_content.schedule_column > li.arrow_area {
  max-width: 80px;
  width: 6.15%;
  display: inline-block;
  background-size: 35px 40px;
  background-position: center center;
  background-color: initial;
  background-repeat: no-repeat;
}
.red section.section ul.col_content.schedule_column > li.arrow_area { background-image: url(/common/kouken/images/arrow_pink.png); }

.page_col_area.col_2 {
  overflow: hidden;
}

.page_col_area.col_2 > * {
  float: left;
}

.page_col_area.col_2 > .w_30 {
  max-width: 400px;
  width: -webkit-calc(33.8% - 50px);
     width: -moz-calc(33.8% - 50px);
      width: -ms-calc(33.8% - 50px);
       width: -o-calc(33.8% - 50px);
          width: calc(33.8% - 50px);
  margin-right: 50px;
}

.page_col_area.col_2 > .w_70 {
  max-width: 850px;
  width: 65.3%;
}

.page_col_area.col_2 > .w_70 h3 {
    margin-bottom: 1em;
    font-weight: normal;
}

.page_col_area.col_2 > .w_70 > p {
  line-height: 2em;
}

.green section.section ul.col_content.col_con_6.blog_lists {
  overflow: hidden;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.green section.section ul.col_content.col_con_6.blog_lists li {
  background-color: #1d2088;
  float: left;
  border: 1px solid;
  margin: 0.5px;
  overflow: hidden;
  display: block;
  opacity: 1;
  width: -webkit-calc(16.66666% - 3px);
     width: -moz-calc(16.66666% - 3px);
      width: -ms-calc(16.66666% - 3px);
       width: -o-calc(16.66666% - 3px);
          width: calc(16.66666% - 3px);
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
      -ms-transition: all .25s linear;
       -o-transition: all .25s linear;
          transition: all .25s linear;
}
.green section.section ul.col_content.col_con_6.blog_lists li:hover { opacity: 0.5; text-decoration: none; }
.green section.section ul.col_content.col_con_6.blog_lists li:hover a { text-decoration: none; }
.green section.section ul.col_content.col_con_6.blog_lists li:hover p.blog_lists_title {
  text-decoration: none;
}

.green section.section ul.col_content.col_con_6.blog_lists li .blog_lists_thum {
  height: 155px;
  position: relative;
  overflow: hidden;
}

.green section.section ul.col_content.col_con_6.blog_lists li .blog_lists_thum img {
  height: 155px;
  width: 255px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-object-fit: cover;
     -moz-object-fit: cover;
      -ms-object-fit: cover;
       -o-object-fit: cover;
          object-fit: cover;
  -webkit-object-position: center center;
     -moz-object-position: center center;
      -ms-object-position: center center;
       -o-object-position: center center;
          object-position: center center;
}

.green section.section ul.col_content.col_con_6.blog_lists li p.blog_lists_title {
  color: #FFFFFF;
  line-height: 1.4em;
  padding: 10px 10px 10px 35px;
  text-indent: -25px;
}

.green section.section ul.col_content.col_con_6.blog_lists li p.blog_lists_title:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(/common/kouken/images/arrow_w_002.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  vertical-align: middle;
  margin-right: 0.5em;
}


/*footer*/

footer#footerArea { margin-top: 80px; }

a.goPageTop.pc.scroll-to {
  position: absolute;
  opacity: 1;
  top: -50px;
  left: 50%;
  width: 100px;
  color: #333333;
  text-align: center;
  -webkit-transform: translate(-50%, -50px);
     -moz-transform: translate(-50%, -50px);
      -ms-transform: translate(-50%, -50px);
       -o-transform: translate(-50%, -50px);
          transform: translate(-50%, -50px);
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
a.goPageTop.pc.scroll-to:hover {
  top: -60px;
  color: #333333;
}

a.goPageTop.pc.scroll-to i {
  background-image: url(/common/kouken/images/icon_topto.png);
  background-size: 40px 40px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  background-color: #006ec7;
  margin: 0;
}

a.goPageTop.pc.scroll-to i.icon-arrow-m-up:before {
  content: "";
}

.fSitemap.content-wrapper {
  border-top: 50px solid #006ec7;
  background: #9cd2fd;
}

.fSitemap li { border-color: #333333; }
.fSitemap a { color: #333333; }

.col_content .no_border{
  border: none !important;
}

.border_box{
  border-color: inherit;
  border: 1px solid;
}
section.section ul.col_content > li ul.list_contents li.entry_title {
  line-height: 1.4;
  padding: 20px 0;
}

/*==========================================================================================================================================
20170624 custom pc
==========================================================================================================================================*/

.red section.section.full_section.img_section > ul,
.yellow section.section.full_section.img_section > ul,
.green section.section.full_section.img_section > ul {
    width: auto;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
}

.red section.section.full_section.img_section > ul.col_3,
.yellow section.section.full_section.img_section > ul.col_3,
.green section.section.full_section.img_section > ul.col_3 {
  max-width: 975px;
}
.red section.section.full_section.img_section > ul.col_3 li,
.yellow section.section.full_section.img_section > ul.col_3 li,
.green section.section.full_section.img_section > ul.col_3 li {
  width: 33.3333333%;
}

.red section.section.full_section.img_section > ul.col_2,
.yellow section.section.full_section.img_section > ul.col_2,
.green section.section.full_section.img_section > ul.col_2 {
  max-width: 650px;
}
.red section.section.full_section.img_section > ul.col_2 li,
.yellow section.section.full_section.img_section > ul.col_2 li,
.green section.section.full_section.img_section > ul.col_2 li {
  width: 50%;
}

.red section.section.full_section.img_section > ul.col_1,
.yellow section.section.full_section.img_section > ul.col_1,
.green section.section.full_section.img_section > ul.col_1 {
  max-width: 325px;
}
.red section.section.full_section.img_section > ul.col_1 li,
.yellow section.section.full_section.img_section > ul.col_1 li,
.green section.section.full_section.img_section > ul.col_1 li {
  width: 100%;
}

section.section ul.col_content.schedule_column {
  -webkit-justify-content: center;
     -moz-justify-content: center;
      -ms-justify-content: center;
       -o-justify-content: center;
          justify-content: center;
  padding: 20px 0;
}

.top h3.right_content.min-fonts {
  text-align: right;
}

p.top_text.mb_60 { margin-bottom: 20px; }
p.top_text.mb_80 { margin-bottom: 40px; }

.fbLink img {
    vertical-align: -9px;
    padding-right: 0;
    background: #FFF;
    margin-right: 10px;
    border-radius: 3px;
}

.page_index section.section.full_section ul.posts_list {
    overflow: hidden;
    max-width: 100%;
    padding: 15px 1vw;
}
.red .page_index section.section.full_section ul.posts_list { background-color: #b01313; }
.yellow .page_index section.section.full_section ul.posts_list { background-color: #2f7923; }
.green .page_index section.section.full_section ul.posts_list { background-color: #1d2088; }

section.section ul.other_projects li:first-child div .text_contents p {
    margin-top: 0;
}

section.section ul.other_projects li:first-child div p.red_bg.text_s {
    width: auto;
    font-size: 1.5rem;
    text-align: center;
    padding: 5px 0;
    margin: 0 30px 30px;
    background: #FFFFFF;
    border: 1px solid #b01313;
    color: #333333;
}

section.section ul.other_projects li:first-child div p.red_bg.text_s .white_text { color: #333; }

section.section ul.other_projects li:first-child div .text_contents p.red_bg.text_s span.coll_mark:before,
span.coll_mark:before {
    content: "";
    display: inline-block;
    background-image: url(/common/images/icon-phone-white.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.8em auto;
    width: 20px;
    height: 21px;
    vertical-align: middle;
}

section.section.full_section.light_bg {
  padding-top: 30px;
  padding-bottom: 30px;
}

section.section.full_section.light_bg .title_img_area {
    width: -webkit-calc(29% - 15px);
    width: -moz-calc(29% - 15px);
    width: -ms-calc(29% - 15px);
    width: -o-calc(29% - 15px);
    width: calc(29% - 15px);
    max-width: 345px;
}

section.section.full_section.light_bg .title_text_area {
    float: left;
    width: -webkit-calc(71% - 15px);
    width: -moz-calc(71% - 15px);
    width: -ms-calc(71% - 15px);
    width: -o-calc(71% - 15px);
    width: calc(71% - 15px);
    max-width: 960px;
}

section.section.full_section.light_bg .title_text_area h1 {
  margin-bottom: 15px;
}

#ohter_project .box_col.light_bg.col_content.col_con_2.text_col {
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    padding: 15px;
}

.red #ohter_project .box_col.light_bg.col_content.col_con_2.text_col { background-color: #fcc3b6; }
.yellow #ohter_project .box_col.light_bg.col_content.col_con_2.text_col { background-color: #f0fcd4; }
.green #ohter_project .box_col.light_bg.col_content.col_con_2.text_col { background-color: #d2d2e7; }

#ohter_project .box_col.light_bg.col_content.col_con_2.text_col .text_contents.w_30 {
  float: left;
  width: 30%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

#ohter_project .box_col.light_bg.col_content.col_con_2.text_col .text_contents.w_30 h4 {
  font-size: 1.8rem;
  line-height: 1.4em;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 0;
/*   -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
 */}

#ohter_project .box_col.light_bg.col_content.col_con_2.text_col .text_contents.w_70 {
  float: left;
  width: 70%;
  display: inline-block;
  vertical-align: middle;
}
#ohter_project .box_col.light_bg.col_content.col_con_2.text_col .text_contents.w_70 ul li {
  display: block;
  float: none;
  width: 100%;
  border: none;
  font-size: 1.8rem;
  color: #333333;
  margin: 0;
  text-indent: -1em;
  padding-left: 1em;
}

#ohter_project .box_col.light_bg.col_content.col_con_2.text_col.text_col_100 .text_contents.w_30,
#ohter_project .box_col.light_bg.col_content.col_con_2.text_col.text_col_100 .text_contents.w_70 {
    width: 100%;
    position: relative;
    float: none;
    height: auto;
    overflow: hidden;
    display: block;
}

#ohter_project .box_col.light_bg.col_content.col_con_2.text_col.text_col_100 .text_contents.w_30 h4 {
  position: relative;
  top: 0;
}

#ohter_project .box_col.light_bg.col_content.col_con_2.text_col.text_col_100 .text_contents.w_70 li.bottom_links {
    text-align: right;
    margin-top: 20px;
}

#ohter_project .bottom_text {
    margin-top: 5px;
    font-size: 1.5rem;
}

section.section ul.col_content.col_con_2 > li ul.list_contents li > p.date_time {
    width: 5em;
    margin-left: 0;
}

section.section ul.col_content.col_con_2 > li ul.list_contents li > p {
    margin-left: 5em;
    width: -webkit-calc(100% - 5em);
    width: -moz-calc(100% - 5em);
    width: -ms-calc(100% - 5em);
    width: -o-calc(100% - 5em);
    width: calc(100% - 5em);
    font-size: 1.5rem;
}

.red section.section ul.col_content > li .contents_area .box_col > .img_contents,
.yellow section.section ul.col_content > li .contents_area .box_col > .img_contents,
.green section.section ul.col_content > li .contents_area .box_col > .img_contents {
  padding-top: 44%;
}

section.section ul.col_content > li ul.list_contents > p {
    font-size: 1.5rem;
    margin-top: 5px;
    text-indent: -1em;
    padding-left: 1em;
}

/* header custom */

header.header .header__logo { width: 100%; }
header.header .header__logo .header__logo-2 { float: right; }



/*SOC-Profile*/

.blog_content .article_sty.soc_prof .box_sty_1 {
    position: relative;
    padding-bottom: 0;
}

.blog_content .article_sty.soc_prof .box_sty_1 > * {
    width: 50%;
    max-width: 50%;
    float: left;
    margin: 0;
    height: 400px;
}

.blog_content .article_sty.soc_prof .box_sty_1 > .txt {
    padding: 20px;
    background-color: #006ec7;
}

.blog_content .article_sty.soc_prof .box_sty_1 > .txt p {
    color: #FFFFFF;
}

.blog_content .article_sty.soc_prof .box_sty_1 > .txt p.prof_name {
    font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .blog_content .article_sty.soc_prof .box_sty_1 > * {
    width: 100%;
    max-width: 100%;
    float: none;
    height: auto;
  }
}


/*==============================================
max-width1300px
==============================================*/
@media screen and (max-width: 1360px) {
  html { font-size: 8px; }
}

/*==============================================
max-width1024px
==============================================*/
@media screen and (max-width: 1024px) {
  html { font-size: 10px; }
  * { word-wrap: break-word; }
  .pc { display: none; }
  .sp { display: block; }

  p,
  section.full_section > p,
  section.section ul.other_projects li div .text_contents p { font-size: 1.5rem; }
  section.section.full_section.light_bg .title_text_area h1,
  .red h2.min-fonts.mb_80 span,
  .yellow h2.min-fonts.mb_80 span,
  .green h2.min-fonts.mb_80 span { font-size: 2.2rem; }
  section.section.full_section.light_bg .title_text_area h1 span.text_s,
  .more_button.blue_links a { font-size: 1.5rem; }
  .red section.section ul.col_content > li h3 span,
  .yellow section.section ul.col_content > li h3 span,
  .green section.section ul.col_content > li h3 span { font-size: 1.8rem; }
  .red section.section ul.col_content > li h3,
  .yellow section.section ul.col_content > li h3,
  .green section.section ul.col_content > li h3 { font-size: 2.0rem; }
  section.section ul.col_content > li .contents_area .red_bg p span.text_s,
  section.section ul.col_content > li .contents_area .yellow_bg p span.text_s,
  section.section ul.col_content > li .contents_area .green_bg p span.text_s,
  section.section ul.col_content > li .contents_area .white_bg p span.text_s { font-size: 1.6rem; }
  .contents_links.mb_60.col_3 ul a p { font-size: 1.8rem; }
  h2.min-fonts.gray_color .font_m { font-size: 2.0rem; }
  section.section ul.other_projects li div h3 { font-size: 2.0rem; }
  section.section ul.other_projects li div .text_contents h4 { font-size: 1.5rem; }
  section.section ul.col_content > li .contents_area .red_bg p,
  section.section ul.col_content > li .contents_area .yellow_bg p,
  section.section ul.col_content > li .contents_area .green_bg p,
  section.section ul.col_content > li .contents_area .white_bg p { font-size: 1.5rem; }
  .red section.section ul.col_content > li .contents_area .text_contents p,
  .yellow section.section ul.col_content > li .contents_area .text_contents p,
  .green section.section ul.col_content > li .contents_area .text_contents p,
  .red section.section ul.col_content > li .contents_area .box_col > .text_contents p,
  .yellow section.section ul.col_content > li .contents_area .box_col > .text_contents p,
  .green section.section ul.col_content > li .contents_area .box_col > .text_contents p { font-size: 1.5rem; }
  section.section ul.col_content > li { font-size: 1.6rem; }
  section.section.full_section.light_bg .title_text_area p { font-size: 1.5rem; }
  ul.col_2.news_contents li a { font-size: 1.5rem; }

  .ri-grid-size-1,
  h2.min-fonts.gray_color,
  ul.col_2.news_contents,
  .box-c-2.mt30.mb_80.pc,
  .mb_60.col_3,
  h3.right_content.min-fonts,
  header .content-center .white_bg {
    max-width: 1360px;
    padding-left: 0;
    padding-right: 0;
  }


  #headerArea.content-wrapper {
    padding: 0;
    border: none;
  }

  header.header .header__logo .header__logo-1 img { width: 95px; }
  header.header .header__logo .header__logo-2 { margin-left: 25px; }
  header.header .header__logo .header__logo-2 img { width: 92px; }

  header p.header_page_title.blue_text.min-fonts { display: none; }

  header .content-center.full_width {
    height: auto;
  }
  .header-mobile__menu-toggle {
    display: block;
    height: 50px;
    width: 50px;
    top: 15px;
    right: 0;
  }

  .header-mobile__menu-toggle .icon-menu-hamburger {
    width: 40px;
    height: 25px;
  }

  .header-mobile__menu-toggle .icon-menu-hamburger span,
  .header-mobile__menu-toggle .icon-menu-hamburger:before,
  .header-mobile__menu-toggle .icon-menu-hamburger:after {
    height: 3px;
  }

  p.menu_open {
    font-size: 1.3rem;
    width: 100%;
  }

  header .content-center.navi_menu {
    height: 0;
    left: 100%;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .25s linear;
       -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
         -o-transition: all .25s linear;
            transition: all .25s linear;
  }

  header .content-center.navi_menu.clearfix.sp_menu_on {
    opacity: 1;
    min-height: 130vh;
    height: auto;
    position: absolute;
    top: 74px;
    left: 0;
    z-index: 9999999999;
    width: 100%;
  }


  .menu { height: 0; }

  label {
    width: 100%;
    position: relative;
    height: 80px;
    border-top: 1px solid #FFFFFF;
    background-position: 96% center;
    background-size: 25px auto;
  }
  label span {
    left: 13px;
    line-height: 1.2em;
    font-size: 1.8rem;
    font-weight: normal;
  }

  .menu .navi-contents ul {
    max-width: 100%;
    padding: 0;
    display: block;
    overflow: hidden;

  }

  .menu .navi-contents ul li.menu_items {
    float: none !important;
    width: 100%;
    margin: 0;
    border-top: 1px solid #FFFFFF;
    border-bottom: 0;
    display: block;
    height: 60px;
  }

  input[type="radio"].accordion + .navi-contents {
    margin: 0;
    -webkit-transition: all .25s linear;
       -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
         -o-transition: all .25s linear;
            transition: all .25s linear;
  }

  input[type="radio"].accordion:checked + .navi-contents {
    margin: 0;
    display: block;
    height: auto !important;
  }

  .menu .navi-contents .close_button_area {
    display: none;
  }

  @keyframes on-menu {
    0% {
      height: 0;
      opacity: 0;
      display: none;
    }

    100% {
      height: auto;
      opacity: 1;
      display: block;
    }
  }

  @keyframes off-menu {
    0% {
      height: auto;
      opacity: 1;
      display: block;
      margin-top: 100px;
    }

    100% {
      height: 0;
      opacity: 0;
      display: none;
      margin-top: 0;
    }
  }

  .menu .navi-contents ul a {
    padding: 5px 40px 5px 13px;
    font-size: 1.5rem;
    line-height: 1.2em;
    width: 100%;
  }
  .menu .navi-contents ul a i {
    display: inline-block;
    width: 15px;
    height: 17px;
    background-image: url(/common/kouken/images/arrow_w_002.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    vertical-align: middle;
    margin-right: 0;
    position: absolute;
    right: 17px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  .ri-grid { display: none; }

  .red h2.min-fonts.mb_80 span,
  .yellow h2.min-fonts.mb_80 span,
  .green h2.min-fonts.mb_80 span {
    line-height: 1.6em;
  }

  p.main_images {
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    transform: inherit;
  }

  h2.min-fonts {
    padding: 20px 15px;
    font-size: 3.25em;
    letter-spacing: .02em;
  }


  section.section {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
  }

  section.full_section {
    padding-left: 0;
    padding-right: 0;
  }

  section.section.full_section.light_bg {
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    border-top: 10px solid;
  }
  .red section.section.full_section.light_bg { color: #b01313; }
  .yellow section.section.full_section.light_bg { color: #2f7923; }
  .green section.section.full_section.light_bg { color: #1d2088; }

  .red section.section.full_section > *,
  .yellow section.section.full_section > *,
  .green section.section.full_section > *,
  .ri-grid,
  .ri-grid-size-1,
  h2.min-fonts.gray_color,
  ul.col_2.news_contents,
  .box-c-2.mt30.mb_80.pc,
  .mb_60.col_3,
  h3.right_content.min-fonts,
  header .content-center .white_bg,
  section.section.fix_section {
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
  }

  section.section.full_section.light_bg .title_img_area { display: none; }

  section.section.full_section.light_bg .title_text_area {
    float: none;
    width: 100%;
  }

  section.section.full_section.light_bg .title_text_area h1 {
    margin-bottom: 20px;
  }

  .red section.section.full_section > p.text_area,
  .yellow section.section.full_section > p.text_area,
  .green section.section.full_section > p.text_area {
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.7em;
  }

  ul.col_2.news_contents {
    padding-left: 0;
    padding-right: 0;
  }

  .red section.section ul.col_content.col_con_2 > li,
  .yellow section.section ul.col_content.col_con_2 > li,
  .green section.section ul.col_content.col_con_2 > li {
    width: 100%;
    max-width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .red section.section ul.col_content > li .contents_area,
  .yellow section.section ul.col_content > li .contents_area,
  .green section.section ul.col_content > li .contents_area {
    padding: 20px 15px;
  }

  .red section.section ul.col_content.col_con_2.blog_lists > li .box_contents,
  .yellow section.section ul.col_content.col_con_2.blog_lists > li .box_contents,
  .green section.section ul.col_content.col_con_2.blog_lists > li .box_contents {
    margin-top: 20px;
    border: 1px solid;
    padding: 10px;
  }

  .red section.section ul.col_content.col_con_2.blog_lists > li .box_contents a,
  .yellow section.section ul.col_content.col_con_2.blog_lists > li .box_contents a,
  .green section.section ul.col_content.col_con_2.blog_lists > li .box_contents a {
    width: 100%;
  }

  .red section.section ul.col_content.col_con_2.blog_lists p,
  .yellow section.section ul.col_content.col_con_2.blog_lists p,
  .green section.section ul.col_content.col_con_2.blog_lists p {
    padding-bottom: 2.5em;
  }

  .red section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > p,
  .yellow section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > p,
  .green section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > p {
    text-align: left;
  }
  .red section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > p.team_name,
  .yellow section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > p.team_name,
  .green section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > p.team_name {
    padding-bottom: 1em;
  }

  section.full_section > p {
    text-align: left;
    color: #FFFFFF;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 20px;
  }

  section.full_section > p > br { display: none; }

  h3.right_content.min-fonts {
    margin: 0 auto;
    color: #FFFFFF;
    font-weight: normal;
    margin-bottom: 20px;
    font-size: 3.25rem;
    text-align: center;
    padding-bottom: 50px;
    letter-spacing: .02em;
    position: relative;
  }

  h3.right_content.min-fonts span {
    margin-right: 0;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  .mb_60.col_3 ul li {
    width: 100%;
    float: none;
    text-align: center;
    padding: 5px;
    margin: 0 0 20px;
  }

  .contents_links.mb_60.col_3 ul a p {
    padding: 10px 10px 10px 1.7em;
    text-indent: -0.7em;
    line-height: 1.4em;
  }

  h2.min-fonts.gray_color {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
  }

  h2.min-fonts.gray_color .font_m {
    margin-left: 0;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
  }

  .red section.section.full_section > h2.min-fonts,
  .yellow section.section.full_section > h2.min-fonts,
  .green section.section.full_section > h2.min-fonts {
    margin-bottom: 20px;
    padding: 40px 15px 20px;
    text-align: left;
  }

  h2.min-fonts.mb_80.right_contents span { text-align: left; }


  .red section.section ul.col_content > li h3.red_bg,
  .yellow section.section ul.col_content > li h3.yellow_bg,
  .green section.section ul.col_content > li h3.green_bg,
  .red section.section ul.col_content > li h3.light_bg,
  .yellow section.section ul.col_content > li h3.light_bg,
  .green section.section ul.col_content > li h3.light_bg {
      min-height: 70px;
      line-height: 1.7em;
      /*font-family: "Sawarabi Mincho", serif;*/
      font-weight: normal;
      letter-spacing: -.04em;
      text-align: left;
      padding: 10px;
  }

  .red section.section ul.col_content > li h3 span,
  .yellow section.section ul.col_content > li h3 span,
  .green section.section ul.col_content > li h3 span {
    font-size: 1.8rem;
    text-align: left;
    display: inline-block;
    padding: 0;
    line-height: 1.2em;
  }

  ul.col_2.news_contents li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    float: none;
    max-width: 100%;
    min-height: 100%;
  }
  ul.col_2.news_contents li a { padding: 15px 15px 45px; }
  ul.col_2.news_contents li a i {
    position: absolute;
    bottom: 0;
    right: 0;
    top: inherit;
    left: inherit;
  }
  .contents_links.mb_60.col_3 ul a i:before {
    width: 15px;
    height: 15px;
    background-position: 10% center;
    background-size: 15px auto;
    left: -10px;
  }
  ul.col_2.news_contents li a i:after { margin-left: 10px; }

  .fb_block {
    padding-left: 0;
    padding-right: 0;
  }

  .fb_block a { padding: 10px 15px; }
  .fb_block .post_archive_b_links.fb_icon { margin-top: 20px; }

  .red section.section.full_section > p,
  .yellow section.section.full_section > p,
  .green section.section.full_section > p {
    line-height: 1.7em;
    margin-bottom: 0px;
  }

  .more_button.blue_links {
    text-align: center;
    margin-bottom: 20px;
  }

  .red section.section ul.col_content > li .contents_area .text_contents p,
  .yellow section.section ul.col_content > li .contents_area .text_contents p,
  .green section.section ul.col_content > li .contents_area .text_contents p {
    line-height: 1.7em;
  }

  .red section.section ul.col_content > li .contents_area .box_col > .text_contents.w_30,
  .yellow section.section ul.col_content > li .contents_area .box_col > .text_contents.w_30,
  .green section.section ul.col_content > li .contents_area .box_col > .text_contents.w_30 {
    width: 100%;
    display: block;
    padding: 10px;
  }

  .red section.section ul.col_content > li .contents_area .box_col > .text_contents.w_70,
  .yellow section.section ul.col_content > li .contents_area .box_col > .text_contents.w_70,
  .green section.section ul.col_content > li .contents_area .box_col > .text_contents.w_70 {
    width: 100%;
    padding: 10px;
  }

  section.section ul.col_content > li ul.list_contents li { padding: 10px 0; }

  section.section ul.col_content > li ul.list_contents li > p,
  section.section ul.col_content > li ul.list_contents li > p.date_time {
    width: 100%;
    display: block;
    margin: 0;
    position: relative;
    left: 0;
    top: 0;
    line-height: 1.7em;
    height: auto;
    min-height: 100%;
  }

  section.section ul.col_content > li ul.list_contents li > p span {
    position: relative;
    width: 100%;
    line-height: 1.7em;
    height: auto;
    display: block;
  }

  section.section ul.col_content > li .contents_area .red_bg p,
  section.section ul.col_content > li .contents_area .yellow_bg p,
  section.section ul.col_content > li .contents_area .green_bg p,
  section.section ul.col_content > li .contents_area .white_bg p {
    display: inline-block;
    text-align: left;
  }

  section.section.full_section ul.posts_list li {
    width: 100%;
    margin: -1px 0 1px;
  }

  section.section.full_section ul.posts_list li:first-child {
    margin-top: 1px;
    padding-top: 1px;
  }


  footer#footerArea { margin-top: 40px; }
  .top footer#footerArea { margin-top: 20px; }

  .fSitemap.content-wrapper {
    border-top: 17.5px solid #006ec7;
  }

  .fbLink img {
    vertical-align: 0;
    padding-right: 10px;
    height: 40px;
  }

  .goPageTop i {
    width: 40px;
    font-size: 32px;
    height: 40px;
    line-height: 40px;
    background: #006ec7 url(/common/images/bg_pattern_blue.png) repeat;
    color: #FFFFFF;
  }

  .green section.section ul.col_content.col_con_6.blog_lists li {
    width: -webkit-calc(25% - 3px);
    width: -moz-calc(25% - 3px);
    width: -ms-calc(25% - 3px);
    width: -o-calc(25% - 3px);
    width: calc(25% - 3px);
  }

  section.section ul.other_projects { margin-top: 40px; }
  section.section ul.other_projects li {
    width: 100%;
    border: 1px solid;
    margin-left: 0;
    margin-bottom: 0;
    float: none;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
  }

  section.section ul.other_projects li div .contents_area { padding: 15px; }

  section.section ul.other_projects li.col_2 .text_contents,
  section.section ul.other_projects li div .img_contents {
    max-width: 100%;
    float: none;
    width: 100%;
    display: block;
  }

  section.section ul.other_projects li div h3 {
    height: auto;
    line-height: 1.4em;
    color: #FFFFFF;
    font-weight: 200;
    padding: 10px 15px;
  }

  section.section ul.other_projects li div .text_contents h4 {
    color: #b01313;
    min-height: 100%;
    position: relative;
    top: 0;
    left: 0;
  }

  section.section ul.other_projects li div .text_contents p {
    line-height: 1.7em;
    margin-top: 20px;
  }

  .red section.section ul.col_content.col_con_3 > li,
  .yellow section.section ul.col_content.col_con_3 > li,
  .green section.section ul.col_content.col_con_3 > li {
    width: 100%;
    max-width: 100%;
    float: none;
    text-align: center;
    border: 1px solid;
    margin: 0 0 20px;
  }

  section.section ul.col_content.schedule_column {
    margin-bottom: 20px;
  }

  .red section.section ul.col_content.schedule_column > li,
  .yellow section.section ul.col_content.schedule_column > li,
  .green section.section ul.col_content.schedule_column > li {
    width: 100%;
    max-width: 100%;
    float: none;
    text-align: center;
    border: 1px solid;
    margin: 0;
    min-height: 40px;
    line-height: 1.7em;
    display: -webkit-flex;
       display: -moz-flex;
        display: -ms-flex;
         display: -o-flex;
            display: flex;
    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
         -o-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
       -moz-justify-content: center;
        -ms-justify-content: center;
         -o-justify-content: center;
            justify-content: center;
  }
  .red section.section ul.col_content.schedule_column > li.arrow_area {
    background-image: url(/common/kouken/images/arrow_pink.png);
    background-size: 100% auto;
    width: 30px;
    margin: 5px auto;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  }

  .red section.section ul.col_content > li .contents_area .text_contents p {
    min-height: auto;
  }

  section.section ul.col_content > li ul.list_contents li {
    min-height: 30px;
    line-height: 1.4em;
  }

  .page_col_area.col_2 > .w_70,
  .page_col_area.col_2 > .w_30 {
    width: 100%;
    max-width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .red section.section ul.col_content.full_contents > li .contents_area .box_col > .img_contents img,
  .yellow section.section ul.col_content.full_contents > li .contents_area .box_col > .img_contents img,
  .green section.section ul.col_content.full_contents > li .contents_area .box_col > .img_contents img {
    top: 50%;
  }

  .red section.section ul.col_content.full_contents > li .contents_area .box_col > .img_contents,
  .yellow section.section ul.col_content.full_contents > li .contents_area .box_col > .img_contents,
  .green section.section ul.col_content.full_contents > li .contents_area .box_col > .img_contents {
      position: relative;
      overflow: hidden;
      padding-top: 90%;
      width: 100%;
      margin-right: 10%;
  }

  header p.header_page_title.white_text { font-size: 3rem; }
  .fbLink img { padding-right: 0; }
  header .content-center .white_bg > * { padding: 0 10px; }

  /* header custom */

  header.header .header__logo { width: 100%; }
  header.header .header__logo .header__logo-2 { float: right; }

}

/*==============================================
max-width767px
==============================================*/
@media screen and (max-width: 767px) {

  .green section.section ul.col_content.col_con_6.blog_lists li {
    width: 100%;
    margin-bottom: 10px;
  }

  .green section.section ul.col_content.col_con_6.blog_lists li a {
    position: relative;
  }

  .green section.section ul.col_content.col_con_6.blog_lists li .blog_lists_thum {
    height: 60px;
    width: 100px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
  }

  .green section.section ul.col_content.col_con_6.blog_lists li .blog_lists_thum img {
    height: 60px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }

  .green section.section ul.col_content.col_con_6.blog_lists li p.blog_lists_title {
    margin-left: 100px;
    padding: 9px 10px 8px 35px;
  }

  .red section.section ul.col_content > li .contents_area .box_col > *,
  .yellow section.section ul.col_content > li .contents_area .box_col > *,
  .green section.section ul.col_content > li .contents_area .box_col > * {
    float: none;
    width: 100%;
    overflow: hidden;
  }

  .red section.section ul.col_content > li .contents_area .box_col > .text_contents,
  .yellow section.section ul.col_content > li .contents_area .box_col > .text_contents,
  .green section.section ul.col_content > li .contents_area .box_col > .text_contents {
    padding: 10px;
  }

  .red section.section ul.col_content > li .contents_area .box_col > .img_contents,
  .yellow section.section ul.col_content > li .contents_area .box_col > .img_contents,
  .green section.section ul.col_content > li .contents_area .box_col > .img_contents {
    padding-top: 80%;
  }

  .yellow section.section.no_border ul.col_content.col_con_2 > li.w_30 {
    max-width: 100%;
    min-height: 100%;
    width: 100%;
    margin-right: 0;
  }
  .yellow section.section.no_border ul.col_content.col_con_2 > li.w_70 {
    max-width: 100%;
    width: 100%;
  }

  .yellow section.section.no_border ul.col_content > li ul.list_contents li a dl {
    display: block;
  }

  .yellow section.section.no_border ul.col_content > li ul.list_contents li a dl dt {
    width: 100%;
    float: none;
    min-height: 100%;
    height: 100%;
    line-height: 1.7em;
  }

  .yellow section.section.no_border ul.col_content > li ul.list_contents li a dl dd {
    display: block;
    width: 100%;
    padding: 0;
  }

  .yellow section.section.no_border ul.col_content > li ul.list_contents li a dl dd .right_contents {
    position: relative;
    top: inherit;
    right: 0;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
  }

  .yellow section.section.no_border ul.col_content > li ul.list_contents li a dl dd .right_contents p {
    text-align: right;
  }

  header p.header_page_title.white_text {
    font-size: 3rem;
    line-height: 1.2;
    padding: 0 20px;
  }

  #ohter_project .box_col.light_bg.col_content.col_con_2.text_col .text_contents.w_30,
  #ohter_project .box_col.light_bg.col_content.col_con_2.text_col .text_contents.w_70 {
    float: none;
    width: 100%;
    display: block;
  }

  #ohter_project .box_col.light_bg.col_content.col_con_2.text_col .text_contents.w_30 h4 {
    padding-bottom: 0;
    position: relative;
    padding-top: 15px;
  }

  .blog_content section.section.full_section ul.posts_list li {
    width: 100% !important;
  }


}

/*==============================================
max-width320px
==============================================*/
@media screen and (max-width: 320px) {

}

/*==============================================

==============================================*/
.article_sty { padding-bottom: 30px; }

.blog_content .box_sty_1 { overflow: hidden; padding: 0 0 15px; font-size: 1.8rem; }
.blog_content .box_sty_1 .txt { float: left; padding: 0; max-width: calc( 100% - 315px ); }
.blog_content .box_sty_1 .pic { float: right; max-width: 300px; margin: 0 0 1.5rem 1.5rem; text-align: center; line-height: 1.1; }
.blog_content .box_sty_1 .pic img { margin: 0 0 5px; }
.blog_content .box_sty_1 .pic span { font-size: 13px; color: #000; display: block; }

.blog_content .box_sty_2 { overflow: hidden; padding: 0 0 15px; font-size: 1.8rem; }
.blog_content .box_sty_2 .pic { float: left; max-width: 300px; margin: 0 1.5rem 1.5rem 0; text-align: center; line-height: 1.1; }
.blog_content .box_sty_2 .pic img { margin: 0 0 5px; }
.blog_content .box_sty_2 .pic span { font-size: 13px; color: #000; display: block; }

.blog_content .box_sty_3 { margin: 30px 0 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
.blog_content .box_sty_3 li { border: none !important; padding: 0 15px 15px 0 !important; box-sizing: border-box; text-align: center; line-height: 1.1; }
.blog_content .box_sty_3 .col_4 li { width: 25% !important; }
.blog_content .box_sty_3 li img { margin: 0 0 5px; }
.blog_content .box_sty_3 li span { font-size: 13px; color: #000; display: block;}

@media screen and (max-width: 1024px) {
.blog_content .box_sty_3 li { width: 33% !important; }
}

@media screen and (max-width: 767px) {
.blog_content .box_sty_3 li { width: 50% !important; }
}

@media screen and (max-width: 420px) {
.blog_content .box_sty_1 .txt ,
.blog_content .box_sty_1 .pic { float: none; margin: 0 auto 1.5rem; max-width: 100%; }
.blog_content .box_sty_2 .pic { float: none; margin: 0 auto 1.5rem; }
.blog_content .box_sty_3 li { width: 100% !important; }
}



/*==========================================================================================================================================
20170624 custom pc
==========================================================================================================================================*/


@media screen and (max-width: 1024px) {

  section.section.full_section ul.posts_list {
    margin: 20px 0;
  }

  section.section.full_section ul.posts_list li {
    width: 50%;
    width: -webkit-calc(50% - 2px);
       width: -moz-calc(50% - 2px);
        width: -ms-calc(50% - 2px);
         width: -o-calc(50% - 2px);
            width: calc(50% - 2px);
      margin: 0 !important;
      padding: 0 !important;
  }

  .red section.section.full_section.img_section > ul.col_3 li,
  .yellow section.section.full_section.img_section > ul.col_3 li,
  .green section.section.full_section.img_section > ul.col_3 li {
    width: 33.3333333%;
    width: -webkit-calc(33.3333333% - 1px);
       width: -moz-calc(33.3333333% - 1px);
        width: -ms-calc(33.3333333% - 1px);
         width: -o-calc(33.3333333% - 1px);
            width: calc(33.3333333% - 1px);
      margin: 0 !important;
      padding: 0 !important;
  }

  .red section.section.full_section.img_section > ul.col_2 li,
  .yellow section.section.full_section.img_section > ul.col_2 li,
  .green section.section.full_section.img_section > ul.col_2 li {
    width: 50%;
    width: -webkit-calc(50% - 1px);
       width: -moz-calc(50% - 1px);
        width: -ms-calc(50% - 1px);
         width: -o-calc(50% - 1px);
            width: calc(50% - 1px);
      margin: 0 !important;
      padding: 0 !important;
  }

  .red section.section.full_section.img_section > ul.col_1 li,
  .yellow section.section.full_section.img_section > ul.col_1 li,
  .green section.section.full_section.img_section > ul.col_1 li {
    width: 100%;
    width: -webkit-calc(100% - 1px);
       width: -moz-calc(100% - 1px);
        width: -ms-calc(100% - 1px);
         width: -o-calc(100% - 1px);
            width: calc(100% - 1px);
      margin: 0 !important;
      padding: 0 !important;
  }

}

@media screen and (max-width: 767px) {

  .red section.section.full_section.img_section > ul.col_3,
  .yellow section.section.full_section.img_section > ul.col_3,
  .green section.section.full_section.img_section > ul.col_3,
  .red section.section.full_section.img_section > ul.col_2,
  .yellow section.section.full_section.img_section > ul.col_2,
  .green section.section.full_section.img_section > ul.col_2,
  .red section.section.full_section.img_section > ul.col_1,
  .yellow section.section.full_section.img_section > ul.col_1,
  .green section.section.full_section.img_section > ul.col_1 {
    max-width: 100%;
  }

  section.section.full_section ul.posts_list li,
  .red section.section.full_section.img_section > ul.col_3 li,
  .yellow section.section.full_section.img_section > ul.col_3 li,
  .green section.section.full_section.img_section > ul.col_3 li,
  .red section.section.full_section.img_section > ul.col_2 li,
  .yellow section.section.full_section.img_section > ul.col_2 li,
  .green section.section.full_section.img_section > ul.col_2 li,
  .red section.section.full_section.img_section > ul.col_1 li,
  .yellow section.section.full_section.img_section > ul.col_1 li,
  .green section.section.full_section.img_section > ul.col_1 li {
    width: 100%;
    width: -webkit-calc(100% - 2px);
       width: -moz-calc(100% - 2px);
        width: -ms-calc(100% - 2px);
         width: -o-calc(100% - 2px);
            width: calc(100% - 2px);
  }

  section.section.full_section ul.posts_list {
    overflow: hidden;
    max-width: 100%;
    padding: 10px;
  }

/*   .red section.section.full_section ul.posts_list { background-color: #b01313; }
  .yellow section.section.full_section ul.posts_list { background-color: #2f7923; }
  .green section.section.full_section ul.posts_list { background-color: #1d2088; } */

}

.green section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > p {
  text-align: left;
  padding-right: 6em;
}
.contents_list_more { display: none; }
.contents_list_more li:first-child { border: none !important; }
.contents_list_more_button { padding: 25px 0 0; display: none; }
.green .more_button.blue_links a:after { background-image: url('/common/kouken/images/arrow_more_b2.png'); }
.green section.section ul.col_content { overflow: hidden; }
.social { width: auto !important; display: table; margin: 0 0 35px !important; }
.social .fb { display: table-cell; padding-right: 10px; vertical-align: middle; }
.social .gg { display: table-cell; padding-right: 10px; vertical-align: middle; }
.social .tw { display: table-cell; vertical-align: middle; }
.blue h2.min-fonts { font-size: 2.4rem; }
.green section.section.full_section .right_contents .more_detail i.new_tab {
    background-image: url(/common/kouken/images/icon_tab_sp_deepblue.png);
    background-color: #FFFFFF;
    border-radius: 0;
    background-size: 20px;
}


@media screen and (max-width: 1024px) {
   .menu .navi-contents ul { min-height: inherit; }
   .social { margin: 0 0 35px !important; }
   .green section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li > a > p {
    padding-right: 0;
   }
   header.header .header__logo { width: auto; }
   .red section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li a .right_contents.box_links,
  .yellow section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li a .right_contents.box_links,
  .green section.section ul.col_content.col_con_2.blog_lists > li .contents_area ul li a .right_contents.box_links {
    right: 20px;
  }
  .red section.section ul.col_content.blog_lists > li h3.red_bg,
  .yellow section.section ul.col_content.blog_lists > li h3.yellow_bg,
  .green section.section ul.col_content.blog_lists > li h3.green_bg {
    line-height: 1.4em;
    display: block;
    min-height: auto;
  }

  .red section.section ul.col_content.col_con_2.blog_lists > li .box_contents,
  .yellow section.section ul.col_content.col_con_2.blog_lists > li .box_contents,
  .green section.section ul.col_content.col_con_2.blog_lists > li .box_contents {
    padding-bottom: 3em;
  }

  .green section.section.full_section .blog_lists .right_contents.box_links {
    right: 0;
    padding: 10px;
    position: relative;
    bottom: 0;
    min-height: 2em;
    max-width: 100%;
    float: right;
  }
   .green section.section ul.col_content.col_con_2.blog_lists > li .box_contents .box_links a {
      text-align: right;
  }

  .top h3.right_content.min-fonts { text-align: center; }
  section.section ul.col_content.col_con_2 > li ul.list_contents li > p {
    width: 100%;
    margin-left: 0; 
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
  }
}



/*==========================================================================================================================================
20180405 custom pc
==========================================================================================================================================*/

/*2018.04 custom*/

.red_bg.button {
    background: none;
}

section.section ul.col_content > li .contents_area .red_bg p > a {
    color: #FFFFFF;
    background-color: #b01313;
    display: block;
    text-decoration: none;
    line-height: 3em;
    border: 1px solid #b01313;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
section.section ul.col_content > li .contents_area .red_bg p > a:hover {
    color: #b01313;
    background-color: #FFFFFF;
    text-decoration: none;
}

.red section.section ul.col_content > li .contents_area.dream_pages {
    position: relative;
    padding-bottom: 90px;
    height: -webkit-calc(100% - 70px);
       height: -moz-calc(100% - 70px);
        height: -ms-calc(100% - 70px);
         height: -o-calc(100% - 70px);
           height:  calc(100% - 70px);
}

.red section.section ul.col_content > li .contents_area .red_bg.button {
    position: absolute;
    bottom: 30px;
    width: -webkit-calc(100% - 60px);
       width: -moz-calc(100% - 60px);
        width: -ms-calc(100% - 60px);
         width: -o-calc(100% - 60px);
           width:  calc(100% - 60px);
}

section.section ul.other_projects li.col_all {
    width: 100%;
}

section.section ul.other_projects li.col_all div .img_contents {
    max-width: 270px;
    padding: 20px;
    margin-right: 30px;
    width: -webkit-calc(40% - 30px);
       width: -moz-calc(40% - 30px);
        width: -ms-calc(40% - 30px);
         width: -o-calc(40% - 30px);
           width:  calc(40% - 30px);
}

section.section.movie_section ul.col_content > li .contents_area .img_contents.full_img.mb_20 iframe {
    width: 100%;
    min-height: 315px;
}

.red section.section ul.col_content > li .contents_area .text_contents.movie_links p {
    min-height: 2em;
}

@media screen and (max-width: 1024px) { 

  /*201804 custom*/

  .red section.section ul.col_content > li .contents_area .red_bg.button {
      position: absolute;
      bottom: 30px;
      width: -webkit-calc(100% - 30px);
      width: -moz-calc(100% - 30px);
      width: -ms-calc(100% - 30px);
      width: -o-calc(100% - 30px);
      width: calc(100% - 30px);
  }

  section.section ul.col_content > li .contents_area .red_bg.button p {
      width: 100%;
      text-align: center;
  }

}
@media screen and (max-width: 767px) {

  section.section.full_section ul.posts_list li > img,
  .red section.section.full_section.img_section > ul.col_3 li > img,
  .yellow section.section.full_section.img_section > ul.col_3 li > img,
  .green section.section.full_section.img_section > ul.col_3 li > img,
  .red section.section.full_section.img_section > ul.col_2 li > img,
  .yellow section.section.full_section.img_section > ul.col_2 li > img,
  .green section.section.full_section.img_section > ul.col_2 li > img,
  .red section.section.full_section.img_section > ul.col_1 li > img,
  .yellow section.section.full_section.img_section > ul.col_1 li > img,
  .green section.section.full_section.img_section > ul.col_1 li > img {
    width: 100%;
  }

  section.section ul.other_projects li.col_all div .img_contents {
    max-width: 100%;
    padding: 20px;
    margin-right: 30px;
    width: 100%;
    margin-bottom: 20px;
  }

}