@charset "UTF-8";
/* ----------------------------------------------------------------------------
 common
---------------------------------------------------------------------------- */
#contents_head {
  margin-bottom: 40px;
  background-color: #E1E1E1;
}

#contents_head #contents_head_inner {
  width: 1008px;
  margin: 0 auto;
}

#size795 #contents_head #contents_head_inner {
  width: 795px;
}

#size720 #contents_head #contents_head_inner {
  width: 720px;
}

#size480 #contents_head #contents_head_inner {
  width: 480px;
}

#size318 #contents_head #contents_head_inner {
  width: 318px;
}

#contents_head .social_media .blocks {
  float: left;
}

#size480 #contents_head .social_media,
#size318 #contents_head .social_media {
  display: none;
}

#contents_head .social_media .facebook {
  margin-right: 7px;
}

#contents_body {
  margin: 0 61px 30px;
}

#size795 #contents_body {
  margin: 0 20px 30px;
}

#size720 #contents_body {
  margin: 0 20px 30px;
}

#size480 #contents_body,
#size318 #contents_body {
  margin: 0 10px 30px;
}

#contents_body a {
  color: #828282;
  text-decoration: underline;
}

#contents_body a:hover {
  text-decoration: none;
}

#contents_body .border {
  padding: 0 3px;
  background-color: #00FFFF;
}

#contents_body .layout_left {
  float: left;
  width: 49%;
}

#size480 #contents_body .layout_left,
#size318 #contents_body .layout_left {
  float: none;
  width: 100%;
}

#contents_body .layout_right {
  float: right;
  width: 49%;
}

#size480 #contents_body .layout_right,
#size318 #contents_body .layout_right {
  float: none;
  width: 100%;
}

#contents_body .blocks {
  margin-bottom: 30px;
}

#contents_body .blocks h3 {
  margin-bottom: 15px;
  font-size: 135%;
}

#contents_body .blocks h3#no1 {
  background: url("img/hw01.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

#contents_body .blocks h3#no2 {
  background: url("img/hw02.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

#contents_body .blocks h3#no3 {
  background: url("img/hw03.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

#contents_body .blocks h3#no4 {
  background: url("img/hw04.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

#contents_body .blocks h3#no5 {
  background: url("img/hw05.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

#contents_body .blocks .text {
  line-height: 23px;
  color: #333;
}

#contents_body .blocks .bold {
  font-weight: bold;
}

#contents_body .blocks img {
  display: block;
  margin: 15px auto 0;
}

#contents_body .introduction {
  margin: 50px 0 50px;
  padding: 20px;
  border: 1px solid #DCDCDC;
  background-color: #F0F0F0;
}

#contents_body .introduction .name {
  margin-bottom: 10px;
  font-size: 110%;
}

#contents_body .introduction .name span {
  font-size: 80%;
}

#contents_body .introduction .text {
  font-size: 90%;
  word-break: break-all;
}

#contents_body .other_link {
  margin: 40px 0 30px 0;
}

#contents_body .other_link span {
  color: #999;
}

#size480 #contents_body .other_link span {
  display: block;
}

#size318 #contents_body .other_link span {
  display: block;
}

#contents_body .other_link a {
  margin-left: 10px;
}

#size795 #contents_body .other_link a {
  margin-left: 10px;
}

#size720 #contents_body .other_link a {
  margin-left: 10px;
}

#contents_body .go_pagetop {
  margin-top: 20px;
  text-align: right;
}

#contents_body .contents_meta {
  clear: both;
  margin-bottom: 20px;
  color: #8C8C8C;
  font-size: 90%;
}

/* ----------------------------------------------------------------------------
 danwa
---------------------------------------------------------------------------- */
.danwa #contents_head_inner {
  position: relative;
}

.danwa#size795 #contents_head .bg.pc {
  width: 795px;
}

.danwa#size720 #contents_head .bg.pc {
  width: 720px;
}

.danwa#size480 #contents_head .bg.pc {
  display: none;
}

.danwa#size318 #contents_head .bg.pc {
  display: none;
}

.danwa #contents_head .bg.sp {
  display: none;
}

.danwa#size795 #contents_head .bg.sp {
  display: none;
}

.danwa#size720 #contents_head .bg.sp {
  display: none;
}

.danwa#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.danwa#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.danwa #contents_head h2 {
  position: absolute;
  width: 350px;
  height: 100%;
  top: 0;
  right: 0;
  text-align: center;
  background: url("img/black_bg.png");
}

.danwa#size480 #contents_head h2 {
  width: 100%;
  height: auto;
}

.danwa#size318 #contents_head h2 {
  width: 100%;
  height: auto;
}

.danwa #contents_head h2 img {
  margin-top: 140px;
  width: 255px;
}

.danwa#size795 #contents_head h2 img {
  margin-top: 100px;
}

.danwa#size720 #contents_head h2 img {
  margin-top: 90px;
}

.danwa#size480 #contents_head h2 img {
  margin: 75px 0 60px;
}

.danwa#size318 #contents_head h2 img {
  margin: 75px 0 50px;
}

.danwa #contents_head .pagenation {
  position: absolute;
  top: 10px;
  right: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.danwa #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  right: 10px;
}

.danwa #contents_body {
  margin: 0 60px 30px;
}

.danwa#size795 #contents_body {
  margin: 0 54px 30px;
}

.danwa #contents_body .midashi1 {
  margin-bottom: 20px;
  border: 2px solid #000;
  padding: 1px;
}

.danwa #contents_body .midashi1 p {
  border: 1px solid #000;
  padding: 20px 0;
  text-align: center;
  font-size: 28px;
}

.danwa#size480 #contents_body .midashi1 p {
  font-size: 24px;
}

.danwa#size318 #contents_body .midashi1 p {
  font-size: 16px;
}

.danwa #contents_body .midashi2 {
  margin-bottom: 30px;
  text-align: center;
}

.danwa #contents_body .midashi2 img {
  margin: 10px 0;
}

.danwa#size318 #contents_body .midashi2 img {
  width: 298px;
}

.danwa #contents_body .blocks .text img {
  margin: 0 0 10px 20px;
  float: right;
}

.danwa#size480 #contents_body .blocks .text img,
.danwa#size318 #contents_body .blocks .text img {
  display: none;
}

/* ----------------------------------------------------------------------------
 danwa2
---------------------------------------------------------------------------- */
.danwa2 #contents_head_inner {
  position: relative;
}

.danwa2#size795 #contents_head .bg.pc {
  width: 795px;
}

.danwa2#size720 #contents_head .bg.pc {
  width: 720px;
}

.danwa2#size480 #contents_head .bg.pc {
  display: none;
}

.danwa2#size318 #contents_head .bg.pc {
  display: none;
}

.danwa2 #contents_head .bg.sp {
  display: none;
}

.danwa2#size795 #contents_head .bg.sp {
  display: none;
}

.danwa2#size720 #contents_head .bg.sp {
  display: none;
}

.danwa2#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.danwa2#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.danwa2 #contents_head h2 {
  position: absolute;
  width: 413px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
}

.danwa2#size795 #contents_head h2 {
  width: 350px;
}

.danwa2#size720 #contents_head h2 {
  width: 300px;
}

.danwa2#size480 #contents_head h2 {
  width: 100%;
  height: auto;
}

.danwa2#size318 #contents_head h2 {
  width: 100%;
  height: auto;
}

.danwa2 #contents_head h2 img {
  margin-top: 20px;
  width: 100%;
}

.danwa2#size795 #contents_head h2 img {
  margin-top: 5px;
  width: 350px;
}

.danwa2#size720 #contents_head h2 img {
  margin-top: 5px;
  width: 300px;
}

.danwa2#size480 #contents_head h2 img {
  margin: 40px auto 0;
  width: 70%;
}

.danwa2#size318 #contents_head h2 img {
  margin: 20px auto 0;
  width: 85%;
}

.danwa2 #contents_head .pagenation {
  position: absolute;
  top: 10px;
  right: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.danwa2 #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 67px;
}

.danwa#size720 #contents_head .social_media {
  bottom: 5px;
}

.danwa2 #contents_body {
  margin: 0 60px 30px;
}

.danwa2#size795 #contents_body {
  margin: 0 54px 30px;
}

.danwa2 #contents_body .midashi1 {
  margin-bottom: 20px;
  background-image: url(../../img/other_column/danwa2_midashi.png);
  background-size: cover;
  padding: 10px 20px;
}

.danwa2#size318 #contents_body .midashi1 {
  padding: 5px;
}

.danwa2#size318 #contents_body .midashi1 h4 img {
  width: 270px;
}

.danwa2 #contents_body .lastPhrase {
  border: solid 2px #9a0000;
  margin-bottom: 20px;
  background-image: none;
  padding: 0;
}

.danwa2#size318 #contents_body .lastPhrase {
  padding: 0;
}

.danwa2 #contents_body .lastPhrase h4 {
  background: #9a0000;
  padding: 5px 10px;
}

.danwa2 #contents_body .lastPhrase p {
  color: #9a0000;
  background-color: #fff !important;
}

.danwa2 #contents_body .midashi1 p br.sp {
  display: none;
}

.danwa2#size480 #contents_body .midashi1 p br.sp,
.danwa2#size318 #contents_body .midashi1 p br.sp {
  display: block;
}

.danwa2 #contents_body .midashi1 p {
  background: #fffdee;
  padding: 20px 0;
  text-align: center;
  font-size: 28px;
  background-color: rgba(255, 253, 238, 0.6);
}

.danwa2#size480 #contents_body .midashi1 p {
  font-size: 24px;
}

.danwa2#size318 #contents_body .midashi1 p {
  font-size: 16px;
}

.danwa2 #contents_body .midashi2 {
  margin-bottom: 30px;
  text-align: center;
}

.danwa2 #contents_body .midashi2 img {
  margin: 10px 0;
}

.danwa2#size318 #contents_body .midashi2 img {
  width: 298px;
}

.danwa2 #contents_body .blocks .text img {
  margin: 0 0 10px 20px;
  float: right;
}

.danwa2#size480 #contents_body .blocks .text img,
.danwa2#size318 #contents_body .blocks .text img {
  display: none;
}

.danwa2 #contents_body {
  margin: 0 50px 30px;
}

.danwa2 #contents_body .blocks h3 {
  height: auto;
  background-image: url(../../img/other_column/danwa2_h3bg.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  padding-bottom: 5px;
  font-size: 16px;
  border-bottom: solid 1px #000;
}

.danwa2#size795 #contents_body .blocks h3,
.danwa2#size720 #contents_body .blocks h3 {
  font-size: 15px;
}

.danwa2#size720 #contents_body .blocks h3 {
  padding-right: 20px;
}

.danwa2#size318 #contents_body .blocks h3 {
  font-size: 14px;
  padding-right: 20px;
}

.danwa2 #contents_body .blocks img {
  margin: 0;
}

.danwa2 #contents_body .blocks p.caption {
  text-align: center;
  font-size: 90%;
  color: #666;
  padding-top: 10px;
  line-height: 160%;
}

.danwa2#size480 #contents_body .blocks p.caption,
.danwa2#size318 #contents_body .blocks p.caption {
  margin-bottom: 30px;
}

.danwa2 #contents_body .blocks h3 img {
  width: auto;
}

.danwa2#size795 #contents_body .blocks img {
  width: 95%;
}

.danwa2#size720 #contents_body .blocks img {
  width: 95%;
}

.danwa2#size480 #contents_body .blocks img {
  margin-bottom: 10px;
}

.danwa2#size318 #contents_body .blocks img {
  width: 100%;
  margin-bottom: 10px;
}

.danwa2 #contents_body .blocks .left {
  float: left;
  width: 48%;
  padding-right: 2%;
}

.danwa2#size480 #contents_body .blocks .left,
.danwa2#size318 #contents_body .blocks .left {
  width: 100%;
  float: none;
  padding-right: 0;
}

.danwa2 #contents_body .blocks .right {
  float: right;
  width: 48%;
  padding-left: 2%;
}

.danwa2#size480 #contents_body .blocks .right,
.danwa2#size318 #contents_body .blocks .right {
  width: 100%;
  float: none;
  padding-left: 0;
}

.danwa2 #contents_body .blocks .w30 {
  width: 31%;
}

.danwa2 #contents_body .blocks .w70 {
  width: 67%;
}

.danwa2 #contents_body .introduction {
  margin-bottom: 30px;
}

.danwa2 #contents_body .introduction .text {
  margin-bottom: 10px;
  font-size: 90%;
}

.danwa2 #contents_body .introduction .box img {
  float: left;
  margin-right: 10px;
}

.danwa2 #contents_body .introduction .box p {
  font-size: 100%;
}

.danwa2 #contents_body .introduction .box .midashi_s {
  margin-bottom: 5px;
  font-size: 110%;
}

.danwa2 #contents_body .introduction .box .midashi_s span {
  font-size: 85%;
}

.danwa2 .coverage {
  margin-bottom: 30px;
}

/* ----------------------------------------------------------------------------
 .danwa2  category_menu
---------------------------------------------------------------------------- */
.danwa2 #category_menu,
.danwa2 #sp_category_menu {
  margin-bottom: 0;
  background-color: #210900;
}

.danwa2 #category_menu ul {
  width: 1008px;
  margin: 0 auto;
  text-align: left;
}

.danwa2#size795 #category_menu ul {
  width: 795px;
}

.danwa2#size720 #category_menu ul {
  width: 700px;
}

.danwa2#size480 #category_menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.danwa2#size318 #category_menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.danwa2 #category_menu ul li {
  display: block;
  float: left;
  line-height: 36px;
  width: 240px;
  padding-right: 10px;
}

.danwa2#size795 #category_menu ul li {
  width: 370px;
  padding-right: 10px;
}

.danwa2#size720 #category_menu ul li {
  width: 310px;
  padding-right: 10px;
}

.danwa2#size480 #category_menu ul li {
  width: 100%;
  float: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}

.danwa2#size318 #category_menu ul li {
  width: 100%;
  float: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}

.danwa2 #category_menu ul li a,
.danwa2 #sp_category_menu ul li a {
  color: #fff;
  font-size: 100%;
  padding-left: 13px;
  background: url("../img/arrow1.png") no-repeat left center;
}

.danwa2#size480 #category_menu ul li a,
.danwa2#size318 #category_menu ul li a {
  margin-left: 10px;
  font-weight: bold;
}

.danwa2 #category_menu ul li.current a {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* ----------------------------------------------------------------------------
 .danwa  category_menu
---------------------------------------------------------------------------- */
.danwa #category_menu,
.danwa #sp_category_menu {
  margin-bottom: 0;
  background-color: #210900;
}

.danwa #category_menu ul {
  width: 1008px;
  margin: 0 auto;
  text-align: left;
}

.danwa#size795 #category_menu ul {
  width: 795px;
}

.danwa#size720 #category_menu ul {
  width: 700px;
}

.danwa#size480 #category_menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.danwa#size318 #category_menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.danwa #category_menu ul li {
  display: block;
  float: left;
  line-height: 36px;
  width: 310px;
  padding-right: 10px;
}

.danwa#size795 #category_menu ul li {
  width: 370px;
  padding-right: 10px;
}

.danwa#size720 #category_menu ul li {
  width: 310px;
  padding-right: 10px;
}

.danwa#size480 #category_menu ul li {
  width: 100%;
  float: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}

.danwa#size318 #category_menu ul li {
  width: 100%;
  float: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}

.danwa #category_menu ul li a,
.danwa #sp_category_menu ul li a {
  color: #fff;
  font-size: 100%;
  padding-left: 13px;
  background: url("../img/arrow1.png") no-repeat left center;
}

.danwa#size480 #category_menu ul li a,
.danwa#size318 #category_menu ul li a {
  margin-left: 10px;
  font-weight: bold;
}

.danwa #category_menu ul li.current a {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* ----------------------------------------------------------------------------
 keyword
---------------------------------------------------------------------------- */
.keyword #contents_head_inner {
  position: relative;
}

.keyword#size795 #contents_head .bg.pc {
  width: 795px;
}

.keyword#size720 #contents_head .bg.pc {
  width: 720px;
}

.keyword#size480 #contents_head .bg.pc {
  display: none;
}

.keyword#size318 #contents_head .bg.pc {
  display: none;
}

.keyword #contents_head .bg.sp {
  display: none;
}

.keyword#size795 #contents_head .bg.sp {
  display: none;
}

.keyword#size720 #contents_head .bg.sp {
  display: none;
}

.keyword#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.keyword#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.keyword #contents_head h2 {
  position: absolute;
  width: 356px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
}

.keyword#size795 #contents_head h2 {
  width: 281px;
}

.keyword#size720 #contents_head h2 {
  width: 254px;
}

.keyword#size480 #contents_head h2 {
  width: 100%;
  height: auto;
}

.keyword#size318 #contents_head h2 {
  width: 100%;
  height: auto;
}

.keyword #contents_head h2 img {
  margin-top: 80px;
}

.keyword#size795 #contents_head h2 img {
  margin-top: 65px;
  width: 225px;
}

.keyword#size720 #contents_head h2 img {
  margin-top: 65px;
  width: 200px;
}

.keyword#size480 #contents_head h2 img {
  margin: 45px 0 0;
  width: 210px;
}

.keyword#size318 #contents_head h2 img {
  margin: 8px 0 0px;
  width: 185px;
}

.keyword #contents_head .pagenation {
  position: absolute;
  top: 20px;
  left: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.keyword#size480 #contents_head .pagenation {
  top: 10px;
}

.keyword#size318 #contents_head .pagenation {
  display: none;
}

.keyword #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.keyword#size795 #contents_head .social_media {
  left: 10px;
}

.keyword#size720 #contents_head .social_media {
  left: 10px;
}

.keyword #contents_body {
  margin: 0 161px 30px;
}

.keyword#size795 #contents_body {
  margin: 0 54px 30px;
}

/* ----------------------------------------------------------------------------
 area
---------------------------------------------------------------------------- */
.area #contents_head_inner {
  position: relative;
}

.area#size795 #contents_head .bg.pc {
  width: 795px;
}

.area#size720 #contents_head .bg.pc {
  width: 720px;
}

.area#size480 #contents_head .bg.pc {
  display: none;
}

.area#size318 #contents_head .bg.pc {
  display: none;
}

.area #contents_head .bg.sp {
  display: none;
}

.area#size795 #contents_head .bg.sp {
  display: none;
}

.area#size720 #contents_head .bg.sp {
  display: none;
}

.area#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.area#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.area #contents_head h2 {
  position: absolute;
  width: 356px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: url("img/black_bg.png");
}

.area#size795 #contents_head h2 {
  width: 281px;
}

.area#size720 #contents_head h2 {
  width: 254px;
}

.area#size480 #contents_head h2 {
  width: 100%;
  height: auto;
}

.area#size318 #contents_head h2 {
  width: 100%;
  height: auto;
}

.area #contents_head h2 img {
  margin-top: 30px;
  width: 200px;
}

.area#size795 #contents_head h2 img {
  margin-top: 20px;
  width: 160px;
}

.area#size720 #contents_head h2 img {
  margin-top: 20px;
  width: 140px;
}

.area#size480 #contents_head h2 img {
  margin: 30px 0 20px;
}

.area#size318 #contents_head h2 img {
  margin: 15px 0 5px;
  width: 170px;
}

.area #contents_head .pagenation {
  position: absolute;
  top: 20px;
  left: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.area#size480 #contents_head .pagenation {
  top: 10px;
}

.area#size318 #contents_head .pagenation {
  top: 10px;
}

.area #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.area#size795 #contents_head .social_media {
  left: 10px;
}

.area#size720 #contents_head .social_media {
  left: 10px;
}

.area #contents_body .blocks.midashi img {
  margin-left: 0;
  margin-bottom: 20px;
  width: auto !important;
}

.area #contents_body .blocks.midashi .text {
  margin-top: 10px;
  padding-left: 10px;
  font-size: 120%;
  font-weight: bold;
  border-left: 3px solid #000;
}

.area #contents_body .blocks img {
  width: 100%;
}

.area#size480 #contents_body .blocks img {
  width: 435px;
}

.area#size318 #contents_body .blocks img {
  width: 100%;
}

.area #contents_body .blocks .sp {
  display: none;
}

.area#size480 #contents_body .blocks .pc,
.area#size318 #contents_body .blocks .pc {
  display: none;
}

.area#size480 #contents_body .blocks .sp,
.area#size318 #contents_body .blocks .sp {
  display: block;
}

.area #contents_body .blocks .pc {
  width: 100%;
}

.area#size795 #contents_body .blocks .pc {
  width: 100%;
}

.area#size720 #contents_body .blocks .pc {
  width: 100%;
}

.area#size480 #contents_body .blocks .sp {
  width: 100%;
}

.area#size318 #contents_body .blocks .sp {
  width: 100%;
}

.area #contents_body .blocks .box {
  border: 1px solid #DCDCDC;
  padding: 15px;
  background-color: #F0F0F0;
}

.area #contents_body .blocks.column_tow .left {
  float: left;
  width: 280px;
}

.area#size795 #contents_body .blocks.column_tow .left {
  width: 220px;
}

.area#size720 #contents_body .blocks.column_tow .left {
  width: 180px;
}

.area#size480 #contents_body .blocks.column_tow .left {
  float: none;
  width: 100%;
}

.area#size480 #contents_body .blocks.column_tow .right {
  float: none;
}

.area #contents_body .blocks.column_tow .right {
  float: right;
}

.area #contents_body .blocks.column_tow img {
  width: auto !important;
  margin: 0 0 5px;
}

.area#size480 #contents_body .blocks.column_tow img {
  float: left;
  margin: 15px 5px;
}

.area#size318 #contents_body .blocks.column_tow img {
  float: left;
  margin: 15px 5px;
  width: 89px !important;
}

.area #contents_body .blocks.clear {
  clear: both;
}

.area #contents_body .blocks .w30 {
  width: 31% !important;
}

.area #contents_body .blocks .w50 {
  width: 49%;
}

.area#size480 #contents_body .blocks .w50 {
  width: 100% !important;
}

.area#size318 #contents_body .blocks .w50 {
  width: 100% !important;
}

.area #contents_body .blocks .left {
  float: left;
}

.area #contents_body .blocks .w70 {
  width: 67% !important;
}

.area #contents_body .blocks .right {
  float: right;
}

/* new design */
.area #contents_body .slide-box {
  border: 1px solid #ccc;
  padding: 15px 15px 0;
}

.area #contents_body .slide-box .column {
  display: none;
}

.area #contents_body .slide-box .left {
  float: left;
  width: 49%;
  margin-bottom: 15px;
}

#size480.area #contents_body .slide-box .left,
#size318.area #contents_body .slide-box .left {
  float: none;
  width: auto;
}

.area #contents_body .slide-box .right {
  float: right;
  width: 49%;
  margin-bottom: 15px;
}

#size480.area #contents_body .slide-box .right,
#size318.area #contents_body .slide-box .right {
  float: none;
  width: auto;
}

#size318.area #contents_body .slide-box img.right,
#size318.area #contents_body .slide-box img.left {
  width: 100%;
}

#size318.area #contents_body .slide-box img.center {
  width: 100%;
}

.area #contents_body .slide-box br.clear {
  clear: both;
}

.area #contents_body .slide-box h3 {
  margin-bottom: 15px;
  font-size: 135%;
}

.area #contents_body .slide-box h3#no1 {
  background: url("img/hw01.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

.area #contents_body .slide-box h3#no2 {
  background: url("img/hw02.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

.area #contents_body .slide-box h3#no3 {
  background: url("img/hw03.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

.area #contents_body .slide-box h3#no4 {
  background: url("img/hw04.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

.area #contents_body .slide-box h3#no5 {
  background: url("img/hw05.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

.area #contents_body .slide-box h3#no6 {
  background: url("img/hw06.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

.area #contents_body .slide-box h3#no7 {
  background: url("img/hw07.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

.area #contents_body .slide-box h3#no8 {
  background: url("img/hw08.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

.area #contents_body .slide-box h3#no9 {
  background: url("img/hw09.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

.area #contents_body .slide-box h3#no10 {
  background: url("img/hw10.png") 0 0;
  background-repeat: no-repeat;
  padding-left: 26px;
}

.area #contents_body .slide-box .slide-box_controller {
  margin-bottom: 15px;
  text-align: center;
}

.area #contents_body .slide-box .slide-box_controller div {
  display: inline-block;
  border: 1px solid #dcdcdc;
  width: 30px;
  margin: 5px;
  cursor: pointer;
}

.area #contents_body .slide-box .slide-box_controller div:hover {
  border-color: #ccc;
}

.area #contents_body .slide-box .slide-box_controller div.current {
  background-color: #dcdcdc;
}

.area #contents_body .slide-box .slide-box_controller div.current:hover {
  background-color: #dcdcdc;
}

.area img.center {
  width: 100% !important;
}

.area #contents_body img.emikiBanner,
.area#size795 #contents_body img.emikiBanner,
.area#size720 #contents_body img.emikiBanner {
  width: 665px;
  margin: 20px auto 0;
}

.area#size480 #contents_body img.emikiBanner,
.area#size318 #contents_body img.emikiBanner {
  width: 100% !important;
}

img.emikiBannerall,
#size795 img.emikiBannerall,
#size720 img.emikiBannerall {
  width: 665px !important;
  margin: 0 auto 0 !important;
}

#size480 img.emikiBannerall,
#size318 img.emikiBannerall {
  width: 100% !important;
}

div.mikiBanner {
  text-align: center;
}

/* ----------------------------------------------------------------------------
 businessCity
---------------------------------------------------------------------------- */
.businesscity #contents_head_inner {
  position: relative;
}

.businesscity#size795 #contents_head .bg.pc {
  width: 795px;
}

.businesscity#size720 #contents_head .bg.pc {
  width: 720px;
}

.businesscity#size480 #contents_head .bg.pc {
  display: none;
}

.businesscity#size318 #contents_head .bg.pc {
  display: none;
}

.businesscity #contents_head .bg.sp {
  display: none;
}

.businesscity#size795 #contents_head .bg.sp {
  display: none;
}

.businesscity#size720 #contents_head .bg.sp {
  display: none;
}

.businesscity#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.businesscity#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.businesscity #contents_head h2 {
  position: absolute;
  width: 356px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: url("img/black_bg.png");
}

.businesscity#size795 #contents_head h2 {
  width: 281px;
}

.businesscity#size720 #contents_head h2 {
  width: 254px;
}

.businesscity#size480 #contents_head h2 {
  width: 100%;
  height: auto;
}

.businesscity#size318 #contents_head h2 {
  width: 100%;
  height: auto;
}

.businesscity #contents_head h2 img {
  margin-top: 30px;
  width: 200px;
}

.businesscity#size795 #contents_head h2 img {
  margin-top: 20px;
  width: 160px;
}

.businesscity#size720 #contents_head h2 img {
  margin-top: 20px;
  width: 140px;
}

.businesscity#size480 #contents_head h2 img {
  margin: 30px 0 20px;
}

.businesscity#size318 #contents_head h2 img {
  margin: 15px 0 5px;
  width: 170px;
}

.businesscity #contents_head .pagenation {
  position: absolute;
  top: 20px;
  left: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.businesscity#size480 #contents_head .pagenation {
  top: 10px;
}

.businesscity#size318 #contents_head .pagenation {
  top: 10px;
}

.businesscity #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.businesscity#size795 #contents_head .social_media {
  left: 10px;
}

.businesscity#size720 #contents_head .social_media {
  left: 10px;
}

.businesscity #contents_body .blocks.midashi img {
  margin-left: 0;
  margin-bottom: 20px;
  width: auto !important;
}

.businesscity #contents_body .blocks.midashi .text {
  margin-top: 10px;
  padding-left: 10px;
  font-size: 120%;
  font-weight: bold;
  border-left: 3px solid #000;
}

.businesscity #contents_body .blocks img {
  width: 100%;
}

.businesscity#size480 #contents_body .blocks img {
  width: 435px;
}

.businesscity#size318 #contents_body .blocks img {
  width: 100%;
}

.businesscity #contents_body .blocks .sp {
  display: none;
}

.businesscity#size480 #contents_body .blocks .pc,
.businesscity#size318 #contents_body .blocks .pc {
  display: none;
}

.businesscity#size480 #contents_body .blocks .sp,
.businesscity#size318 #contents_body .blocks .sp {
  display: block;
}

.businesscity #contents_body .blocks .pc {
  width: 100%;
}

.businesscity#size795 #contents_body .blocks .pc {
  width: 100%;
}

.businesscity#size720 #contents_body .blocks .pc {
  width: 100%;
}

.businesscity#size480 #contents_body .blocks .sp {
  width: 100%;
}

.businesscity#size318 #contents_body .blocks .sp {
  width: 100%;
}

.businesscity #contents_body .blocks .box {
  border: 1px solid #DCDCDC;
  padding: 15px;
  background-color: #F0F0F0;
}

.businesscity #contents_body .blocks.column_tow .left {
  float: left;
  width: 280px;
}

.businesscity#size795 #contents_body .blocks.column_tow .left {
  width: 220px;
}

.businesscity#size720 #contents_body .blocks.column_tow .left {
  width: 180px;
}

.businesscity#size480 #contents_body .blocks.column_tow .left {
  float: none;
  width: 100%;
}

.businesscity#size480 #contents_body .blocks.column_tow .right {
  float: none;
}

.businesscity #contents_body .blocks.column_tow .right {
  float: right;
}

.businesscity #contents_body .blocks.column_tow img {
  width: auto !important;
  margin: 0 0 5px;
}

.businesscity#size480 #contents_body .blocks.column_tow img {
  float: left;
  margin: 15px 5px;
}

.businesscity#size318 #contents_body .blocks.column_tow img {
  float: left;
  margin: 15px 5px;
  width: 89px !important;
}

.businesscity #contents_body .blocks.clear {
  clear: both;
}

.businesscity #contents_body .blocks .w30 {
  width: 31% !important;
}

.businesscity #contents_body .blocks .w50 {
  width: 49%;
}

.businesscity#size480 #contents_body .blocks .w50 {
  width: 100% !important;
}

.businesscity#size318 #contents_body .blocks .w50 {
  width: 100% !important;
}

.businesscity #contents_body .blocks .left {
  float: left;
}

.businesscity #contents_body .blocks .w70 {
  width: 67% !important;
}

.businesscity #contents_body .blocks .right {
  float: right;
}

.businesscity #contents_head h2 img {
  margin-top: 70px;
}

.businesscity .midashi h3 {
  background-image: url(/business_city/tanpo_titleimage);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 200px;
}

.businesscity#size480 .midashi h3,
.businesscity#size318 .midashi h3 {
  background-image: none;
  padding-left: 0;
}

.businesscity#size795 .midashi h3 img#mImg,
.businesscity#size720 .midashi h3 img#mImg,
.businesscity#size480 .midashi h3 img#mImg,
.businesscity#size318 .midashi h3 img#mImg,
.businesscity#size480 .midashi h4 img#mImg,
.businesscity#size318 .midashi h4 img#mImg {
  width: 100% !important;
}

.businesscity #contents_body .blocks .text.left,
.businesscity #contents_body .blocks .text.right {
  width: 49%;
  margin-bottom: 30px;
}

.businesscity#size480 #contents_body .blocks .text.left,
.businesscity#size318 #contents_body .blocks .text.left,
.businesscity#size480 #contents_body .blocks .text.right,
.businesscity#size318 #contents_body .blocks .text.right {
  width: auto;
}

.businesscity #contents_body .pictList {
  margin-left: -9px;
}

.businesscity#size795 #contents_body .pictList {
  margin-left: 40px;
}

.businesscity#size480 #contents_body .pictList {
  margin-left: 10px;
}

.businesscity #contents_body .pictList li {
  width: 213px;
  height: 145px;
  float: left;
  background-image: url(/business_city/tanpo_frame.png);
  background-position: top left;
  background-repeat: no-repeat;
  margin-left: 9px;
  margin-bottom: 15px;
}

.businesscity#size318 #contents_body .pictList li {
  width: 142px;
  height: auto;
  background-size: contain;
}

.businesscity #contents_body .pictList li img {
  margin: 8px 0 0 9px;
}

.businesscity#size318 #contents_body .pictList li img {
  margin: 4px 0 0 4px;
  width: 120px;
  height: auto;
}

.businesscity .matome {
  clear: both;
  margin: 0 0 80px 0;
}

.businesscity .matome .img {
  display: block;
  margin: 0 auto;
  width: 50%;
}

.businesscity#size480 .matome .img,
.businesscity#size318 .matome .img {
  width: 100%;
  margin-bottom: 30px;
}

.businesscity .matome .img img {
  width: 206px !important;
}

.businesscity #tanpoDate {
  font-size: 18px;
  display: block;
  margin-top: 2em;
}

/* ----------------------------------------------------------------------------
 newBusiness
---------------------------------------------------------------------------- */
.newBusiness #contents_head_inner {
  position: relative;
}

.newBusiness#size795 #contents_head .bg.pc {
  width: 795px;
}

.newBusiness#size720 #contents_head .bg.pc {
  width: 720px;
}

.newBusiness#size480 #contents_head .bg.pc {
  display: none;
}

.newBusiness#size318 #contents_head .bg.pc {
  display: none;
}

.newBusiness #contents_head .bg.sp {
  display: none;
}

.newBusiness#size795 #contents_head .bg.sp {
  display: none;
}

.newBusiness#size720 #contents_head .bg.sp {
  display: none;
}

.newBusiness#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.newBusiness#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.newBusiness #contents_head h2 {
  position: absolute;
  width: 356px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: url("img/black_bg.png");
}

.newBusiness#size795 #contents_head h2 {
  width: 281px;
}

.newBusiness#size720 #contents_head h2 {
  width: 254px;
}

.newBusiness#size480 #contents_head h2 {
  width: 100%;
  height: auto;
}

.newBusiness#size318 #contents_head h2 {
  width: 100%;
  height: auto;
}

.newBusiness #contents_head h2 img {
  margin-top: 30px;
  width: 200px;
}

.newBusiness#size795 #contents_head h2 img {
  margin-top: 20px;
  width: 160px;
}

.newBusiness#size720 #contents_head h2 img {
  margin-top: 20px;
  width: 140px;
}

.newBusiness#size480 #contents_head h2 img {
  margin: 30px 0 20px;
}

.newBusiness#size318 #contents_head h2 img {
  margin: 15px 0 5px;
  width: 170px;
}

.newBusiness #contents_head .pagenation {
  position: absolute;
  top: 20px;
  left: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.newBusiness#size480 #contents_head .pagenation {
  top: 10px;
}

.newBusiness#size318 #contents_head .pagenation {
  top: 10px;
}

.newBusiness #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.newBusiness#size795 #contents_head .social_media {
  left: 10px;
}

.newBusiness#size720 #contents_head .social_media {
  left: 10px;
}

.newBusiness #contents_body .blocks.midashi img {
  margin-left: 0;
  margin-bottom: 20px;
  width: auto !important;
}

.newBusiness #contents_body .blocks.midashi .text {
  margin-top: 10px;
  padding-left: 10px;
  font-size: 120%;
  font-weight: bold;
  border-left: 3px solid #000;
}

.newBusiness #contents_body .blocks img {
  width: 100%;
}

.newBusiness#size480 #contents_body .blocks img {
  width: 435px;
}

.newBusiness#size318 #contents_body .blocks img {
  width: 100%;
}

.newBusiness #contents_body .blocks .sp {
  display: none;
}

.newBusiness#size480 #contents_body .blocks .pc,
.newBusiness#size318 #contents_body .blocks .pc {
  display: none;
}

.newBusiness#size480 #contents_body .blocks .sp,
.newBusiness#size318 #contents_body .blocks .sp {
  display: block;
}

.newBusiness #contents_body .blocks .pc {
  width: 100%;
}

.newBusiness#size795 #contents_body .blocks .pc {
  width: 100%;
}

.newBusiness#size720 #contents_body .blocks .pc {
  width: 100%;
}

.newBusiness#size480 #contents_body .blocks .sp {
  width: 100%;
}

.newBusiness#size318 #contents_body .blocks .sp {
  width: 100%;
}

.newBusiness #contents_body .blocks .box {
  border: 1px solid #DCDCDC;
  padding: 15px;
  background-color: #F0F0F0;
}

.newBusiness #contents_body .blocks.column_tow .left {
  float: left;
  width: 280px;
}

.newBusiness#size795 #contents_body .blocks.column_tow .left {
  width: 220px;
}

.newBusiness#size720 #contents_body .blocks.column_tow .left {
  width: 180px;
}

.newBusiness#size480 #contents_body .blocks.column_tow .left {
  float: none;
  width: 100%;
}

.newBusiness#size480 #contents_body .blocks.column_tow .right {
  float: none;
}

.newBusiness #contents_body .blocks.column_tow .right {
  float: right;
}

.newBusiness #contents_body .blocks.column_tow img {
  width: auto !important;
  margin: 0 0 5px;
}

.newBusiness#size480 #contents_body .blocks.column_tow img {
  float: left;
  margin: 15px 5px;
}

.newBusiness#size318 #contents_body .blocks.column_tow img {
  float: left;
  margin: 15px 5px;
  width: 89px !important;
}

.newBusiness #contents_body .blocks.clear {
  clear: both;
}

.newBusiness #contents_body .blocks .w30 {
  width: 31% !important;
}

.newBusiness #contents_body .blocks .w50 {
  width: 49%;
}

.newBusiness#size480 #contents_body .blocks .w50 {
  width: 100% !important;
}

.newBusiness#size318 #contents_body .blocks .w50 {
  width: 100% !important;
}

.newBusiness #contents_body .blocks .left {
  float: left;
}

.newBusiness #contents_body .blocks .w70 {
  width: 67% !important;
}

.newBusiness #contents_body .blocks .right {
  float: right;
}

.newBusiness #contents_head h2 {
  width: 100% !important;
  background: none !important;
  padding-top: 25px;
  overflow: hidden;
}

.newBusiness #contents_head h2 img {
  width: 784px;
}

.newBusiness#size795 #contents_head #contents_head_inner,
.newBusiness#size720 #contents_head #contents_head_inner,
.newBusiness#size480 #contents_head #contents_head_inner,
.newBusiness#size318 #contents_head #contents_head_inner {
  overflow: hidden;
}

.newBusiness#size318 #contents_head #contents_head_inner {
  height: 200px;
}

.newBusiness#size795 #contents_head h2 img,
.newBusiness#size720 #contents_head h2 img,
.newBusiness#size480 #contents_head h2 img {
  margin-top: 40px;
  width: 80%;
}

.newBusiness#size480 #contents_head h2 img {
  margin-top: 80px;
  width: 80%;
}

.newBusiness#size318 #contents_head h2 img {
  margin-top: 40px;
  width: 90%;
}

.newBusiness .whatsNew {
  background-image: url(/new_business/business_top_map.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 680px;
}

.newBusiness#size480 .whatsNew {
  height: 450px;
}

.newBusiness#size318 .whatsNew {
  height: 420px;
}

.newBusiness .whatsNew h3 {
  margin-bottom: 22px;
}

.newBusiness .whatsNew table {
  border: solid 2px #777;
  width: 480px;
}

.newBusiness#size480 .whatsNew table,
.newBusiness#size318 .whatsNew table {
  width: 100%;
}

.newBusiness .whatsNew table th {
  background: #777;
  color: #fff;
  padding: 7px 0;
}

.newBusiness .whatsNew table th#col01 {
  width: 40%;
}

.newBusiness .whatsNew table th#col02 {
  width: 35%;
  border-left: solid 1px #fff;
}

.newBusiness .whatsNew table th#col03 {
  width: 25%;
  border-left: solid 1px #fff;
}

.newBusiness#size318 .whatsNew table th#col01 {
  width: 20%;
}

.newBusiness#size318 .whatsNew table th#col02 {
  width: 35%;
  border-left: solid 1px #fff;
}

.newBusiness#size318 .whatsNew table th#col03 {
  width: 45%;
  border-left: solid 1px #fff;
}

.newBusiness .whatsNew table td {
  border: solid 1px #777;
  padding: 6px 9px;
  background-color: rgba(255, 255, 255, 0.8);
}

.newBusiness#size318 .whatsNew table td {
  padding: 6px 4px;
  text-align: center;
}

.newBusiness .whatsNew table td .tokusyu,
.newBusiness .whatsNew table td .tanpo {
  line-height: 25px;
  font-size: 95%;
}

.newBusiness .whatsNew table td img {
  vertical-align: middle;
  margin-right: 7px;
}

.newBusiness .whatsNew table td span {
  line-height: 27px;
}

.newBusiness#size318 .whatsNew table td span {
  display: none;
}

.newBusiness .banner {
  border-top: solid 1px #dedede;
  border-bottom: solid 1px #dedede;
  padding: 25px 0;
}

.newBusiness .banner div {
  text-align: center;
  margin-top: 10px;
}

.newBusiness .banner ul {
  width: 664px;
  margin: 0 auto;
  overflow: hidden;
}

.newBusiness .banner ul li {
  float: left;
  margin-right: 11px;
}

.newBusiness .banner ul li:last-of-type {
  margin-right: 0;
}

.newBusiness .banner a:hover {
  opacity: 0.7;
}

.newBusiness#size480 .banner ul {
  width: 100%;
  padding-left: 5px;
}

.newBusiness#size480 .banner li {
  width: 32%;
  margin-right: 5px;
}

.newBusiness#size480 .banner img {
  width: 100%;
}

.newBusiness#size318 .banner ul {
  width: 100%;
  padding-left: 5px;
}

.newBusiness#size318 .banner li {
  float: none;
  width: 75%;
  margin: 0 auto;
}

.newBusiness#size318 .banner img {
  width: 100%;
}

/* ----------------------------------------------------------------------------
 research
---------------------------------------------------------------------------- */
.research #contents_head_inner {
  position: relative;
}

.research#size795 #contents_head .bg.pc {
  width: 795px;
}

.research#size720 #contents_head .bg.pc {
  width: 720px;
}

.research#size480 #contents_head .bg.pc {
  display: none;
}

.research#size318 #contents_head .bg.pc {
  display: none;
}

.research #contents_head .bg.sp {
  display: none;
}

.research#size795 #contents_head .bg.sp {
  display: none;
}

.research#size720 #contents_head .bg.sp {
  display: none;
}

.research#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.research#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.research #contents_head .pagenation {
  position: absolute;
  top: 10px;
  left: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.research#size795 #contents_head .pagenation {
  top: 7px;
}

.research#size720 #contents_head .pagenation {
  top: 7px;
}

.research#size318 #contents_head .pagenation {
  left: 5px;
}

.research #contents_head h2 {
  position: absolute;
  width: 350px;
  height: 100%;
  top: 0;
  text-align: center;
  background: url("img/black_bg.png");
}

.research#size795 #contents_head h2 {
  width: 290px;
}

.research#size720 #contents_head h2 {
  width: 265px;
}

.research#size480 #contents_head h2 {
  width: 100%;
  height: auto;
}

.research#size318 #contents_head h2 {
  width: 100%;
  height: auto;
}

.research #contents_head h2 img {
  margin-top: 60px;
  width: 157px;
}

.research#size795 #contents_head h2 img {
  margin-top: 35px;
}

.research#size720 #contents_head h2 img {
  margin-top: 40px;
  width: 135px;
}

.research#size480 #contents_head h2 img {
  margin: 20px 0;
}

.research#size318 #contents_head h2 img {
  width: 120px;
  margin: 10px 0;
}

.research #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.research #contents_head .company {
  position: absolute;
  top: 209px;
  left: 391px;
}

.research#size795 #contents_head .company {
  top: 163px;
  left: 307px;
}

.research#size720 #contents_head .company {
  top: 147px;
  left: 279px;
}

.research#size480 #contents_head .company {
  top: 373px;
  left: 25px;
  line-height: 30px;
}

.research#size480 #contents_head .company,
.research#size480 #contents_head .company a,
.research#size318 #contents_head .company,
.research#size318 #contents_head .company a {
  color: #FFF;
  text-shadow: 0px -1px #000, 1px 0px #000, 0px 1px #000, -1px 1px #000;
}

.research#size318 #contents_head .company {
  top: 245px;
  left: 15px;
}

.research #contents_head .company p {
  font-weight: bold;
}

.research #contents_head .company a {
  color: #333;
}

.research#size720 #contents_head .social_media {
  left: 6px;
  bottom: 10px;
}

.research#size480 #contents_body .blocks .text,
.research#size318 #contents_body .blocks .text {
  margin-bottom: 15px;
}

.research #contents_body .blocks .text.left,
.research #contents_body .blocks .text.right {
  width: 49%;
}

.research#size480 #contents_body .blocks .text.left,
.research#size318 #contents_body .blocks .text.left,
.research#size480 #contents_body .blocks .text.right,
.research#size318 #contents_body .blocks .text.right {
  width: auto;
}

.research #contents_body .blocks .left {
  float: left;
}

.research#size480 #contents_body .blocks .left,
.research#size318 #contents_body .blocks .left {
  float: none;
}

.research #contents_body .blocks .right {
  float: right;
}

.research #contents_body .blocks div.right {
  width: 50%;
}

.research#size480 #contents_body .blocks div.right,
.research#size318 #contents_body .blocks div.right,
.research#size480 #contents_body .blocks div.left,
.research#size318 #contents_body .blocks div.left {
  width: 100%;
  margin-top: -10px;
  margin-bottom: 20px;
}

.research#size795 #contents_body .blocks div.right img,
.research#size720 #contents_body .blocks div.right img {
  width: 100%;
}

.research#size480 #contents_body .blocks div.right img,
.research#size318 #contents_body .blocks div.right img {
  margin: 0 0 10px;
}

.research#size480 #contents_body .blocks .right,
.research#size318 #contents_body .blocks .right {
  float: none;
}

.research #contents_body .blocks img {
  margin: 0 0 10px;
}

.research#size795 #contents_body .blocks img,
.research#size720 #contents_body .blocks img {
  width: 49%;
}

.research#size795 #contents_body .blocks img.w100,
.research#size720 #contents_body .blocks img.w100 {
  width: 100%;
}

.research#size318 #contents_body .blocks img {
  width: 100%;
}

.research #contents_body .blocks .full {
  width: 100% !important;
  margin: 10px 0 !important;
}

/* ----------------------------------------------------------------------------
 frontline
---------------------------------------------------------------------------- */
.frontline #contents_head_inner {
  position: relative;
}

.frontline#size795 #contents_head .bg.pc {
  width: 795px;
}

.frontline#size720 #contents_head .bg.pc {
  width: 720px;
}

.frontline#size480 #contents_head .bg.pc {
  display: none;
}

.frontline#size318 #contents_head .bg.pc {
  display: none;
}

.frontline #contents_head .bg.sp {
  display: none;
}

.frontline#size795 #contents_head .bg.sp {
  display: none;
}

.frontline#size720 #contents_head .bg.sp {
  display: none;
}

.frontline#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.frontline#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.frontline #contents_head h2 {
  position: absolute;
  width: 350px;
  height: 100%;
  top: 0;
  text-align: center;
  background: url("img/black_bg.png");
}

.frontline#size480 #contents_head h2 {
  width: 100%;
  height: auto;
}

.frontline#size318 #contents_head h2 {
  width: 100%;
  height: auto;
}

.frontline #contents_head h2 img {
  margin-top: 60px;
  width: 184px;
}

.frontline#size795 #contents_head h2 img {
  margin-top: 40px;
}

.frontline#size720 #contents_head h2 img {
  margin-top: 30px;
}

.frontline#size480 #contents_head h2 img {
  margin: 20px 0;
}

.frontline#size318 #contents_head h2 img {
  margin: 40px 0 20px;
}

.frontline #contents_head .pagenation {
  position: absolute;
  top: 10px;
  left: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.frontline #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.frontline #contents_body img {
  margin: 0;
}

.frontline #contents_body .clear {
  clear: both;
}

.frontline #contents_body .sp {
  display: none;
}

.frontline #contents_body .block1 {
  float: left;
}

.frontline #contents_body .block1 {
  width: 600px;
}

.frontline#size480 #contents_body .block1,
.frontline#size318 #contents_body .block1 {
  width: auto;
}

.frontline#size795 #contents_body .block1 {
  width: 460px;
}

.frontline#size720 #contents_body .block1 {
  width: 460px;
}

.frontline#size795 #contents_body .block1 img {
  width: 460px;
}

.frontline#size720 #contents_body .block1 img {
  width: 460px;
}

.frontline#size480 #contents_body .block1 img {
  width: 460px;
}

.frontline#size318 #contents_body .block1 img {
  width: 298px;
}

.frontline #contents_body .block1 .midashi {
  margin-bottom: 30px;
}

.frontline#size480 #contents_body .block1 .midashi .sp,
.frontline#size318 #contents_body .block1 .midashi .sp {
  display: block;
}

.frontline#size480 #contents_body .block1 .midashi .pc,
.frontline#size318 #contents_body .block1 .midashi .pc {
  display: none;
}

.frontline #contents_body .block2 {
  float: right;
}

.frontline#size795 #contents_body .block2,
.frontline#size720 #contents_body .block2 {
  float: right;
}

.frontline#size480 #contents_body .block2,
.frontline#size318 #contents_body .block2 {
  float: none;
}

.frontline#size480 #contents_body .block2 img,
.frontline#size318 #contents_body .block2 img {
  margin: 0 auto;
}

.frontline#size720 #contents_body .block2 {
  float: right;
  width: 200px;
}

.frontline#size720 #contents_body .block2 img {
  width: 100%;
}

.frontline #contents_body .block3 {
  clear: both;
}

.frontline #contents_body .block3 .pc {
  display: block;
}

.frontline#size480 #contents_body .block3 .sp,
.frontline#size318 #contents_body .block3 .sp {
  display: block;
}

.frontline#size480 #contents_body .block3 .pc,
.frontline#size318 #contents_body .block3 .pc {
  display: none;
}

.frontline #contents_body .block3 img {
  float: right;
}

.frontline#size480 #contents_body .block3 .sp {
  width: 460px;
}

.frontline#size318 #contents_body .block3 .sp {
  width: 298px;
}

.frontline #contents_body .block4 .left,
.frontline #contents_body .wideleng .left {
  float: left;
}

.frontline#size795 #contents_body .block4 .left,
.frontline#size720 #contents_body .block4 .left,
.frontline#size795 #contents_body .wideleng .left,
.frontline#size720 #contents_body .wideleng .left {
  float: left;
}

.frontline#size480 #contents_body .block4 .left,
.frontline#size318 #contents_body .block4 .left,
.frontline#size480 #contents_body .wideleng .left,
.frontline#size318 #contents_body .wideleng .left {
  float: none;
  margin: 10px auto 0;
}

.frontline#size720 #contents_body .block4 .left,
.frontline#size720 #contents_body .wideleng .left {
  width: 270px;
}

.frontline#size318 #contents_body .block4 .left,
.frontline#size318 #contents_body .wideleng .left {
  width: 298px;
}

.frontline #contents_body .block4 .right,
.frontline #contents_body .wideleng .right {
  float: right;
  width: 520px;
}

.frontline#size795 #contents_body .block4 .right,
.frontline#size795 #contents_body .wideleng .right {
  width: 390px;
}

.frontline#size720 #contents_body .block4 .right,
.frontline#size720 #contents_body .wideleng .right {
  width: 390px;
}

.frontline#size480 #contents_body .block4 .right,
.frontline#size318 #contents_body .block4 .right,
.frontline#size480 #contents_body .wideleng .right,
.frontline#size318 #contents_body .wideleng .right {
  float: none;
  width: auto;
}

.frontline #contents_body .wideleng2 .right {
  float: right;
}

.frontline#size795 #contents_body .wideleng2 .right,
.frontline#size720 #contents_body .wideleng2 .right {
  float: right;
}

.frontline#size480 #contents_body .wideleng2 .right,
.frontline#size318 #contents_body .wideleng2 .right {
  float: none;
  margin: 10px auto 0;
}

.frontline#size720 #contents_body .wideleng2 .right {
  width: 270px;
}

.frontline#size318 #contents_body .wideleng2 .right {
  width: 298px;
}

.frontline #contents_body .wideleng2 .left {
  float: left;
  width: 520px;
}

.frontline#size795 #contents_body .wideleng2 .left {
  width: 390px;
}

.frontline#size720 #contents_body .wideleng2 .left {
  width: 390px;
}

.frontline#size480 #contents_body .wideleng2 .left,
.frontline#size318 #contents_body .wideleng2 .left {
  float: none;
  width: auto;
}

.frontline #contents_body .block5 {
  clear: both;
}

.frontline#size480 #contents_body .block5 .pc,
.frontline#size318 #contents_body .block5 .pc {
  display: none;
}

.frontline #contents_body .block5 .pc {
  float: right;
}

.frontline#size795 #contents_body .block5 .pc,
.frontline#sie720 #contents_body .block5 .pc {
  float: right;
}

.frontline#size480 #contents_body .block5 .sp,
.frontline#size318 #contents_body .block5 .sp {
  margin: 0 auto;
}

.frontline#size480 #contents_body .block5 .sp {
  display: block;
  width: 460px;
}

.frontline#size318 #contents_body .block5 .sp {
  display: block;
  width: 298px;
}

.frontline #contents_body .block6 .left1 {
  float: left;
  width: 590px;
  margin-bottom: 20px;
}

.frontline#size795 #contents_body .block6 .left1 {
  float: left;
  width: 470px;
  margin-bottom: 20px;
}

.frontline#size720 #contents_body .block6 .left1 {
  float: left;
  width: 470px;
  margin-bottom: 20px;
}

.frontline#size480 #contents_body .block6 .left1,
.frontline#size318 #contents_body .block6 .left1 {
  float: none;
  width: auto;
  margin-bottom: 20px;
}

.frontline #contents_body .block6 .right {
  float: right;
}

.frontline#size795 #contents_body .block6 .right,
.frontline#size720 #contents_body .block6 .right {
  float: right;
  width: 200px;
}

.frontline#size480 #contents_body .block6 .right,
.frontline#size318 #contents_body .block6 .right {
  float: none;
  margin: 20px auto 0;
}

.frontline#size480 #contents_body .block6 .left2.pc,
.frontline#size318 #contents_body .block6 .left2.pc {
  display: none;
}

.frontline #contents_body .block6 .left2 {
  float: left;
  width: auto;
}

.frontline#size795 #contents_body .block6 .left2 {
  float: right;
  margin-top: 20px;
}

.frontline#size720 #contents_body .block6 .left2 {
  float: right;
  margin-top: 20px;
}

.frontline#size480 #contents_body .block6 .left2 {
  display: block;
  width: 460px;
  float: none;
  margin-top: 20px;
}

.frontline#size318 #contents_body .block6 .left2 {
  display: block;
  width: 298px;
  float: none;
  margin-top: 20px;
}

.frontline #contents_body .block7 .left {
  float: left;
}

.frontline#size795 #contents_body .block7 .left,
.frontline#size720 #contents_body .block7 .left {
  float: left;
}

.frontline#size480 #contents_body .block7 .left,
.frontline#size318 #contents_body .block7 .left {
  float: none;
  margin: 0 auto;
}

.frontline#size720 #contents_body .block7 .left {
  width: 200px;
  margin-bottom: 20px;
}

.frontline #contents_body .block7 .right1 {
  float: right;
  width: 590px;
  margin-bottom: 20px;
}

.frontline#size480 #contents_body .block7 .right1,
.frontline#size318 #contents_body .block7 .right1 {
  width: auto;
}

.frontline#size795 #contents_body .block7 .right1 {
  float: right;
  width: 460px;
  margin-bottom: 20px;
}

.frontline#size720 #contents_body .block7 .right1 {
  float: right;
  width: 460px;
  margin-bottom: 20px;
}

.frontline#size795 #contents_body .block7 .right2.sp,
.frontline#size720 #contents_body .block7 .right2.sp {
  display: none;
}

.frontline#size480 #contents_body .block7 .right2.pc,
.frontline#size318 #contents_body .block7 .right2.pc {
  display: none;
}

.frontline #contents_body .block7 .right2 {
  float: right;
  margin-bottom: 35px;
}

.frontline#size795 #contents_body .block7 .right2 {
  float: right;
  margin-bottom: -9px;
}

.frontline#size720 #contents_body .block7 .right2 {
  float: right;
}

.frontline#size480 #contents_body .block7 .right2 {
  display: block;
  width: 460px;
  margin-top: 20px;
}

.frontline#size318 #contents_body .block7 .right2 {
  display: block;
  width: 298px;
  margin-top: 20px;
}

.frontline #contents_body .introduction {
  float: right;
  width: 548px;
  margin: 11px 0 0;
}

.frontline#size795 #contents_body .introduction {
  clear: both;
  width: auto;
  margin-bottom: 0;
}

.frontline#size720 #contents_body .introduction {
  clear: both;
  width: auto;
  margin-bottom: 0;
}

.frontline#size480 #contents_body .introduction {
  float: none;
  clear: both;
  width: auto;
  margin-bottom: 0;
}

.frontline#size318 #contents_body .introduction {
  float: none;
  clear: both;
  width: auto;
  margin-bottom: 0;
}

.frontline #contents_body .introduction .left {
  float: left;
  width: 75%;
}

.frontline #contents_body .introduction .right {
  float: right;
  width: 150px;
}

.frontline#size720 #contents_body .introduction .left,
.frontline#size480 #contents_body .introduction .left,
.frontline#size318 #contents_body .introduction .left {
  clear: both;
  width: 100%;
  margin-bottom: 20px;
}

.frontline#size720 #contents_body .introduction .right,
.frontline#size480 #contents_body .introduction .right,
.frontline#size318 #contents_body .introduction .right {
  clear: both;
  width: 100%;
  text-align: center;
}

/* ----------------------------------------------------------------------------
 special
---------------------------------------------------------------------------- */
.special #contents_head {
  margin-bottom: 0;
}

.special #contents_head_inner {
  position: relative;
}

.special#size795 #contents_head .bg.pc {
  width: 795px;
}

.special#size720 #contents_head .bg.pc {
  width: 720px;
}

.special#size480 #contents_head .bg.pc {
  display: none;
}

.special#size318 #contents_head .bg.pc {
  display: none;
}

.special #contents_head .bg.sp {
  display: none;
}

.special#size795 #contents_head .bg.sp {
  display: none;
}

.special#size720 #contents_head .bg.sp {
  display: none;
}

.special#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.special#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.special #contents_head h2 {
  position: absolute;
  width: 510px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: url("img/white_bg.png");
}

.special#size795 #contents_head h2 {
  width: 400px;
}

.special#size720 #contents_head h2 {
  width: 360px;
}

.special#size480 #contents_head h2 {
  width: 100%;
  height: auto;
}

.special#size318 #contents_head h2 {
  width: 100%;
  height: auto;
}

.special #contents_head h2 img {
  margin-top: 90px;
  /*    width:408px;*/
}

.special#size795 #contents_head h2 img {
  margin-top: 70px;
  width: 350px;
}

.special#size720 #contents_head h2 img {
  margin-top: 60px;
  width: 290px;
}

.special#size480 #contents_head h2 img {
  margin: 60px 0 40px;
}

.special#size318 #contents_head h2 img {
  margin: 60px 0 30px;
  width: 285px;
}

.special #contents_head .pagenation {
  position: absolute;
  top: 20px;
  left: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.special#size480 #contents_head .pagenation {
  top: 10px;
}

.special#size318 #contents_head .pagenation {
  top: 10px;
}

.special #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.special#size795 #contents_head .social_media {
  left: 10px;
}

.special#size720 #contents_head .social_media {
  left: 10px;
}

.special .head_credit {
  width: 1008px;
  margin: 0 auto;
  padding: 5px 0;
  background: url("img/special_bg.png") -10px 0;
}

.special#size795 .head_credit {
  width: 795px;
}

.special#size720 .head_credit {
  width: 720px;
}

.special#size480 .head_credit {
  width: 480px;
}

.special#size318 .head_credit {
  width: 318px;
}

.special #contents_body {
  margin: 0 !important;
  padding: 40px 140px 30px;
  background: url("img/special_bg.png") -10px 10px;
}

.special#size795 #contents_body {
  padding: 40px 20px 30px;
}

.special#size720 #contents_body {
  padding: 40px 20px 30px;
}

.special#size480 #contents_body {
  padding: 40px 10px 30px;
}

.special#size318 #contents_body {
  padding: 40px 10px 30px;
}

.special #contents_body h3 img {
  margin-left: 0;
}

.special#size318 #contents_body h3 img {
  width: 298px;
}

.special #contents_body .blocks {
  margin-bottom: 50px;
}

.special #contents_body .blocks.column2 .text {
  float: left;
  width: 320px;
}

.special#size795 #contents_body .blocks.column2 .text,
.special#size720 #contents_body .blocks.column2 .text {
  width: 340px;
}

.special#size480 #contents_body .blocks.column2 .text,
.special#size318 #contents_body .blocks.column2 .text {
  width: 100%;
  margin-bottom: 20px;
}

.special #contents_body .blocks.column2 .right {
  float: right;
  margin: 0 0 10px 20px;
}

.special#size720 #contents_body .blocks.column2 .right {
  width: 310px;
}

.special#size480 #contents_body .blocks.column2 .right {
  float: none;
  margin: 0 auto 0px;
}

.special#size318 #contents_body .blocks.column2 .right {
  float: none;
  width: 100%;
  margin: 0 auto 0px;
}

.special #contents_body .blocks .text span {
  padding: 0;
  font-weight: bold;
}

/* ----------------------------------------------------------------------------
 special2
---------------------------------------------------------------------------- */
.special2 #container,
.special2 #footer-inner {
  background: url("img/special_bg2.png");
}

.special2 .head_credit {
  display: none;
}

.special2 #contents_body {
  padding: 40px 175px 30px;
}

.special2#size795 #contents_body {
  padding: 40px 67px 30px;
}

.special2#size720 #contents_body {
  padding: 40px 31px 30px;
}

.special2 #contents_body {
  background: none;
}

.special2 #contents_body h3 {
  overflow: hidden;
}

.special2 #contents_body h3 img {
  margin: 0;
}

.special2#size318 #contents_body h3 img {
  width: 170%;
}

.special2#size795 #contents_body h3 img,
.special2#size720 #contents_body h3 img {
  margin: 0;
}

.special2 #contents_body .left {
  width: 49%;
  float: left;
}

.special2 #contents_body .right {
  width: 49%;
  float: right;
}

.special2#size480 #contents_body .text,
.special2#size318 #contents_body .text {
  margin-bottom: 15px;
}

.special2#size480 #contents_body .left,
.special2#size318 #contents_body .left {
  width: 100%;
  clear: left;
}

.special2#size480 #contents_body .right,
.special2#size318 #contents_body .right {
  width: 100%;
  clear: right;
}

.special2 #contents_body .clear {
  clear: both;
}

.special2 #contents_body .blocks img {
  margin: 0 auto 0;
}

/* ----------------------------------------------------------------------------
 challenge
---------------------------------------------------------------------------- */
.challenge #contents_head_inner {
  position: relative;
}

.challenge#size480 #contents_head,
.challenge#size318 #contents_head {
  margin-bottom: 20px;
}

.challenge#size795 #contents_head .bg.pc {
  width: 795px;
}

.challenge#size720 #contents_head .bg.pc {
  width: 720px;
}

.challenge#size480 #contents_head .bg.pc {
  display: none;
}

.challenge#size318 #contents_head .bg.pc {
  display: none;
}

.challenge #contents_head .bg.sp {
  display: none;
}

.challenge#size795 #contents_head .bg.sp {
  display: none;
}

.challenge#size720 #contents_head .bg.sp {
  display: none;
}

.challenge#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.challenge#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.challenge #contents_head .pagenation {
  position: absolute;
  top: 10px;
  left: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.challenge#size795 #contents_head .pagenation {
  top: 7px;
}

.challenge#size720 #contents_head .pagenation {
  top: 7px;
}

.challenge#size318 #contents_head .pagenation {
  left: 5px;
}

.challenge #contents_head h2 {
  position: absolute;
  width: 350px;
  height: 100%;
  top: 0;
  text-align: center;
  background: url("img/black_bg.png");
}

.challenge#size795 #contents_head h2 {
  width: 290px;
}

.challenge#size720 #contents_head h2 {
  width: 265px;
}

.challenge#size480 #contents_head h2 {
  width: 100%;
  height: auto;
}

.challenge#size318 #contents_head h2 {
  width: 100%;
  height: auto;
}

.challenge #contents_head h2 img {
  margin-top: 70px;
}

.challenge#size795 #contents_head h2 img {
  margin-top: 40px;
}

.challenge#size720 #contents_head h2 img {
  margin-top: 37px;
  width: 190px;
}

.challenge#size480 #contents_head h2 img {
  margin: 20px 0;
}

.challenge#size318 #contents_head h2 img {
  width: 120px;
  margin: 10px 0;
}

.challenge #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.challenge #contents_body {
  margin: 0 50px 30px;
}

.challenge #contents_body .blocks h3 {
  margin-bottom: 35px;
}

.challenge #contents_body .blocks img {
  margin: 0;
}

.challenge #contents_body .blocks h3 img {
  width: auto;
}

.challenge#size795 #contents_body .blocks img {
  width: 95%;
}

.challenge#size720 #contents_body .blocks img {
  width: 95%;
}

.challenge#size480 #contents_body .blocks img {
  margin-bottom: 10px;
}

.challenge#size318 #contents_body .blocks img {
  width: 100%;
  margin-bottom: 10px;
}

.challenge #contents_body .blocks .left {
  float: left;
  width: 50%;
}

.challenge#size480 #contents_body .blocks .left,
.challenge#size318 #contents_body .blocks .left {
  width: 100%;
  float: none;
}

.challenge #contents_body .blocks .right {
  float: right;
  width: 50%;
}

.challenge#size480 #contents_body .blocks .right,
.challenge#size318 #contents_body .blocks .right {
  width: 100%;
  float: none;
}

.challenge #contents_body .blocks .w30 {
  width: 31%;
}

.challenge #contents_body .blocks .w70 {
  width: 67%;
}

.challenge #contents_body .introduction {
  margin-bottom: 30px;
}

.challenge #contents_body .introduction .text {
  margin-bottom: 10px;
  font-size: 90%;
}

.challenge #contents_body .introduction .box img {
  float: left;
  margin-right: 10px;
}

.challenge #contents_body .introduction .box p {
  font-size: 90%;
}

.challenge #contents_body .introduction .box .midashi_s {
  margin-bottom: 5px;
  font-size: 110%;
}

.challenge .coverage {
  margin-bottom: 30px;
}

/* ----------------------------------------------------------------------------
 mental
---------------------------------------------------------------------------- */
.mental #contents_head_inner {
  position: relative;
}

.mental#size480 #contents_head,
.mental#size318 #contents_head {
  margin-bottom: 20px;
}

.mental#size795 #contents_head .bg.pc {
  width: 795px;
}

.mental#size720 #contents_head .bg.pc {
  width: 720px;
}

.mental#size480 #contents_head .bg.pc {
  display: none;
}

.mental#size318 #contents_head .bg.pc {
  display: none;
}

.mental #contents_head .bg.sp {
  display: none;
}

.mental#size795 #contents_head .bg.sp {
  display: none;
}

.mental#size720 #contents_head .bg.sp {
  display: none;
}

.mental#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.mental#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.mental #contents_head .pagenation {
  position: absolute;
  top: 10px;
  left: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.mental#size795 #contents_head .pagenation {
  top: 7px;
}

.mental#size720 #contents_head .pagenation {
  top: 7px;
}

.mental#size318 #contents_head .pagenation {
  left: 5px;
}

.mental #contents_head h2 {
  position: absolute;
  width: 350px;
  height: 100%;
  top: 0;
  text-align: center;
  background: url("img/black_bg.png");
}

.mental#size795 #contents_head h2 {
  width: 290px;
}

.mental#size720 #contents_head h2 {
  width: 265px;
}

.mental#size480 #contents_head h2 {
  width: 100%;
  height: auto;
}

.mental#size318 #contents_head h2 {
  width: 100%;
  height: auto;
}

.mental #contents_head h2 img {
  margin-top: 70px;
}

.mental#size795 #contents_head h2 img {
  margin-top: 40px;
}

.mental#size720 #contents_head h2 img {
  margin-top: 55px;
  width: 190px;
}

.mental#size480 #contents_head h2 img {
  margin: 20px 0;
}

.mental#size318 #contents_head h2 img {
  width: 120px;
  margin: 10px 0;
}

.mental #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.mental #contents_body {
  margin: 0 50px 30px;
}

.mental #contents_body .blocks {
  margin-bottom: 40px;
  line-height: 23px;
  font-size: 100%;
}

.mental #contents_body .blocks h3 {
  margin-bottom: 15px;
}

.mental#size480 #contents_body .blocks h3,
.mental#size318 #contents_body .blocks h3 {
  margin-bottom: 20px;
}

.mental #contents_body .blocks img {
  margin: 0;
}

.mental#size795 #contents_body .blocks img {
  width: 100%;
}

.mental#size720 #contents_body .blocks img {
  width: 100%;
}

.mental#size480 #contents_body .blocks img {
  width: auto;
  margin: 0 auto;
}

.mental#size318 #contents_body .blocks img {
  width: auto;
  margin: 0 auto;
}

.mental #contents_body .blocks h3 img {
  width: auto;
}

.mental#size720 #contents_body .blocks h3 img {
  width: auto;
}

.mental#size720 #contents_body .blocks h3.new img,
.mental#size720 #contents_body .blocks img.new {
  width: 100%;
}

.mental#size480 #contents_body .blocks h3 img {
  width: auto;
  margin: 0 auto;
}

.mental#size480 #contents_body .blocks h3.new img,
.mental#size480 #contents_body .blocks img.new {
  width: 100%;
}

.mental#size318 #contents_body .blocks h3 img {
  width: 100%;
  margin: 0 auto;
}

.mental#size318 #contents_body .blocks h3.new img,
.mental#size318 #contents_body .blocks img.new {
  width: 100%;
}

.mental #contents_body .blocks .min {
  color: #888888;
}

.mental #contents_body .blocks .left {
  float: left;
}

.mental#size480 #contents_body .blocks .left,
.mental#size318 #contents_body .blocks .left {
  float: none;
}

.mental#size480 #contents_body .blocks .left,
.mental#size318 #contents_body .blocks .left {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}

.mental #contents_body .blocks .image {
  width: 34%;
}

.mental #contents_body .blocks .image {
  width: 19%;
}

.mental #contents_body .blocks .text {
  width: 65%;
}

.mental #contents_body .blocks .text2 {
  width: 80%;
}

.mental #contents_body .blocks .right {
  float: right;
}

.mental#size480 #contents_body .blocks .right,
.mental#size318 #contents_body .blocks .right {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}

.mental #contents_body .blocks .right img {
  float: right;
}

.mental#size480 #contents_body .blocks .right img,
.mental#size318 #contents_body .blocks .right img {
  float: none;
}

.mental #contents_body .question {
  clear: both;
  margin-bottom: 16px;
}

.mental #contents_body .blocks p {
  float: left;
  width: 515px;
  margin-left: 15px;
  padding-left: 10px;
  background-position: 0 20px;
  background-repeat: no-repeat;
  background-image: url("img/arrow_left.png");
}

.mental#size795 #contents_body .blocks p {
  width: 415px;
}

.mental#size720 #contents_body .blocks p {
  width: 367px;
}

.mental#size480 #contents_body .blocks p {
  width: 385px;
}

.mental#size318 #contents_body .blocks p {
  width: 223px;
}

.mental #contents_body .blocks .question p {
  font-weight: bold;
}

.mental #contents_body .question span {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  background: url("img/icon_q.png") no-repeat;
}

.mental #contents_body p em {
  display: block;
  border-radius: 5px;
  padding: 10px 15px;
  color: #545454;
  font-style: normal;
  background-color: #EBEBEB;
}

.mental #contents_body .answer {
  clear: both;
}

.mental #contents_body .answer span {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  background: url("img/icon_a.png") no-repeat;
}

.mental #contents_body .no_icon {
  padding-right: 10px;
  background-position: right 20px;
  background-repeat: no-repeat;
  background-image: url("img/arrow_right.png");
}

.mental #contents_body .no_icon.right_arrow {
  float: left;
  padding-left: 10px;
  padding-right: 0;
  background-position: 0 20px;
  background-repeat: no-repeat;
  background-image: url("img/arrow_left.png");
}

.mental #contents_body .no_icon em {
  display: block;
  border-radius: 5px;
  padding: 10px 15px;
  background-color: #EBEBEB;
  font-weight: bold;
}

.mental #contents_body .no_icon em .big {
  font-size: 115%;
  margin-bottom: 10px;
}

/* dl_type1 */
.mental #contents_body dl.dl_type1 dt {
  float: left;
  width: 395px;
  margin-right: 10px;
  color: #777777;
}

.mental #contents_body .exclamation {
  padding: 13px 10px 13px 50px;
  border-radius: 3px;
  border: 1px solid #CCC;
  background: #F7F7F7 url("img/icon_exclamation_mark.png") no-repeat 10px 10px;
}

.mental #contents_body .exclamation div {
  margin-bottom: 5px;
  font-size: 110%;
  font-weight: bold;
}

.mental #contents_body dl.dl_type1 dt span {
  float: right;
}

.mental #contents_body dl.dl_type1 dd a {
  color: #CFCFCF;
}

#size318.mental #contents_body dl.dl_type1 dt {
  width: 100%;
}

#size720.mental #contents_body dl.dl_type1 dd,
#size480.mental #contents_body dl.dl_type1 dd,
#size318.mental #contents_body dl.dl_type1 dd {
  float: right;
}

#size480.mental #contents_body dl.dl_type1 dd,
#size318.mental #contents_body dl.dl_type1 dd {
  margin-bottom: 10px;
}

#size480.mental #contents_body dl.dl_type1 dd a,
#size318.mental #contents_body dl.dl_type1 dd a {
  font-size: 90%;
}

.mental #contents_body .newLife .blocks {
  padding: 0 40px;
}

.mental #contents_body .newLife .header {
  background-color: #fcfbec;
  padding: 30px;
}

.mental #contents_body .newLife .header h3 {
  font-size: 28px;
  border-bottom: 2px solid #ff6500;
}

.mental #contents_body .newLife .header h3 span {
  display: inline-block;
  background: #ff6500;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  padding: 5px 9px 0 9px;
  border-radius: 5px 5px 0 0;
  margin-right: 15px;
}

.mental#size480 #contents_body .newLife .header h3 {
  font-size: 22px;
}

.mental#size318 #contents_body .newLife .header h3 {
  font-size: 16px;
}

.mental#size318 #contents_body .newLife .header h3 span {
  font-size: 12px;
  padding: 2px 2px 0 2px;
  margin-right: 5px;
}

.mental #contents_body .newLife .onepoint {
  background-color: #e9effe;
  padding: 30px;
}

.mental #contents_body .newLife .onepoint h4 {
  font-size: 20px;
  border-bottom: 2px solid #08308f;
  font-weight: normal;
  margin-bottom: 25px;
  position: relative;
}

.mental #contents_body .newLife .onepoint h4 span.point {
  display: inline-block;
  background: #08308f;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  padding: 5px 9px 0 9px;
  border-radius: 5px 5px 0 0;
  margin-right: 15px;
}

.mental#size480 #contents_body .newLife .onepoint h4 {
  padding-left: 65px;
}

#contents_body .newLife .onepoint br.sp {
  display: none;
}

.mental#size480 #contents_body .newLife .onepoint br.sp {
  display: block;
}

.mental#size480 #contents_body .newLife .onepoint h4 span.point,
.mental#size318 #contents_body .newLife .onepoint h4 span.point {
  position: absolute;
  bottom: 0;
  left: 0;
}

.mental#size318 #contents_body .newLife .onepoint h4 {
  font-size: 13px;
  border-bottom: 2px solid #08308f;
  font-weight: normal;
  margin-bottom: 25px;
  position: relative;
  padding-left: 40px;
  line-height: 150%;
}

.mental#size318 #contents_body .newLife .onepoint h4 span.point {
  font-size: 11px;
  color: #fff;
  font-weight: normal;
  padding: 2px 4px 0 4px;
  border-radius: 5px 5px 0 0;
  margin-right: 15px;
}

.mental #contents_body .newLife .onepoint h4 span.small {
  font-size: 13px;
  padding: 0 6px;
  line-height: 10px;
}

.mental#size318 #contents_body .newLife .onepoint h4 span.small {
  font-size: 12px;
  padding: 0 0px;
  line-height: 10px;
}

.mental #contents_body .newLife .blocks .image {
  width: 36%;
}

.mental #contents_body .newLife .blocks .image.w100 {
  width: 100%;
  margin-top: 30px;
}

.mental #contents_body .newLife .blocks .image.w15 {
  width: 15%;
  margin-top: 0;
}

.mental #contents_body .newLife .blocks .image.w100 img,
.mental #contents_body .newLife .blocks .image.w15 img {
  max-width: 100%;
}

.mental#size480 #contents_body .newLife .blocks .image.w15 img {
  max-width: 60%;
  margin: 0 auto;
}

.mental #contents_body .newLife .blocks .text {
  width: 54%;
}

.mental #contents_body .newLife .blocks .text.w100 {
  width: 100%;
}

.mental #contents_body .newLife .blocks .text.w85 {
  width: 83%;
}

.mental#size795 #contents_body .newLife .blocks .text.w100 p,
.mental#size720 #contents_body .newLife .blocks .text.w100 p {
  width: 100%;
}

.mental #contents_body .newLife .header .text {
  width: 60%;
}

.mental #contents_body .newLife .onepoint .text {
  width: 61%;
}

.mental #contents_body .newLife .onepoint .text .blocks {
  width: 100%;
  padding: 0;
}

.mental #contents_body .newLife .onepoint .text .blocks .image {
  width: 20%;
}

.mental #contents_body .newLife .onepoint .text .blocks .text {
  width: 78%;
}

.mental #contents_body .newLife .blocks .short {
  width: 42%;
}

#size795.mental #contents_body .newLife .blocks .short,
#size720.mental #contents_body .newLife .blocks .short {
  width: 60%;
}

.mental #contents_body .newLife .blocks .text p {
  margin: 0;
  padding: 0;
  width: 100%;
  background-image: none;
}

.mental#size480 #contents_body .newLife .blocks img {
  width: 100%;
}

.mental#size480 #contents_body .newLife .blocks .text p {
  width: 400px;
}

.mental#size480 #contents_body .newLife .blocks .question p {
  width: 310px;
}

.mental#size318 #contents_body .newLife .blocks .question p {
  width: 150px;
  line-height: 160%;
}

.mental #contents_body .newLife .question {
  font-size: 22px;
  line-height: 45px;
}

.mental#size318 #contents_body .newLife .question {
  font-size: 14px;
}

.mental #contents_body .newLife .question p {
  margin-left: 10px;
  background-image: none;
}

.mental #contents_body .newLife .question span {
  float: left;
  display: block;
  width: 45px;
  height: 45px;
  text-indent: -9999px;
  background: url(img/newlife_icon_q.png) no-repeat;
}

.mental#size318 #contents_body .newLife .blocks img {
  width: 100%;
}

.mental #contents_body .youtube .img {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 20px;
}

.mental #contents_body .youtube .img iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* ----------------------------------------------------------------------------
 life
---------------------------------------------------------------------------- */
.life #contents_head_inner {
  position: relative;
}

.life#size480 #contents_head,
.life#size318 #contents_head {
  margin-bottom: 20px;
}

.life#size795 #contents_head .bg.pc {
  width: 795px;
}

.life#size720 #contents_head .bg.pc {
  width: 720px;
}

.life#size480 #contents_head .bg.pc {
  display: none;
}

.life#size318 #contents_head .bg.pc {
  display: none;
}

.life #contents_head .bg.sp {
  display: none;
}

.life#size795 #contents_head .bg.sp {
  display: none;
}

.life#size720 #contents_head .bg.sp {
  display: none;
}

.life#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.life#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.life #contents_head .pagenation {
  position: absolute;
  top: 10px;
  left: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.life#size795 #contents_head .pagenation {
  top: 7px;
}

.life#size720 #contents_head .pagenation {
  top: 7px;
}

.life#size318 #contents_head .pagenation {
  left: 5px;
}

.life #contents_head h2 {
  position: absolute;
  width: 350px;
  height: 100%;
  top: 0;
  text-align: center;
  background: url("img/black_bg.png");
}

.life#size795 #contents_head h2 {
  width: 290px;
}

.life#size720 #contents_head h2 {
  width: 265px;
}

.life#size480 #contents_head h2 {
  width: 100%;
  height: auto;
}

.life#size318 #contents_head h2 {
  width: 100%;
  height: auto;
}

.life #contents_head h2 img {
  margin-top: 70px;
}

.life#size795 #contents_head h2 img {
  margin-top: 40px;
}

.life#size720 #contents_head h2 img {
  margin-top: 55px;
  width: 190px;
}

.life#size480 #contents_head h2 img {
  margin: 20px 0;
}

.life#size318 #contents_head h2 img {
  width: 120px;
  margin: 10px 0;
}

.life #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.life #contents_body {
  margin: 0 50px 30px;
}

.life #contents_body .blocks {
  margin-bottom: 40px;
  line-height: 23px;
  font-size: 100%;
}

.life #contents_body .blocks h3 {
  margin-bottom: 15px;
}

.life#size480 #contents_body .blocks h3,
.life#size318 #contents_body .blocks h3 {
  margin-bottom: 20px;
}

.life #contents_body .blocks img {
  margin: 0;
}

.life#size795 #contents_body .blocks img {
  width: 100%;
}

.life#size720 #contents_body .blocks img {
  width: 100%;
}

.life#size480 #contents_body .blocks img {
  width: auto;
  margin: 0 auto;
}

.life#size318 #contents_body .blocks img {
  width: auto;
  margin: 0 auto;
}

.life #contents_body .blocks h3 img {
  width: auto;
}

.life#size720 #contents_body .blocks h3 img {
  width: auto;
}

.life#size720 #contents_body .blocks h3.new img,
.life#size720 #contents_body .blocks img.new {
  width: 100%;
}

.life#size480 #contents_body .blocks h3 img {
  width: auto;
  margin: 0 auto;
}

.life#size480 #contents_body .blocks h3.new img,
.life#size480 #contents_body .blocks img.new {
  width: 100%;
}

.life#size318 #contents_body .blocks h3 img {
  width: 100%;
  margin: 0 auto;
}

.life#size318 #contents_body .blocks h3.new img,
.life#size318 #contents_body .blocks img.new {
  width: 100%;
}

.life #contents_body .blocks .min {
  color: #888888;
}

.life #contents_body .blocks .left {
  float: left;
}

.life#size480 #contents_body .blocks .left,
.life#size318 #contents_body .blocks .left {
  float: none;
}

.life#size480 #contents_body .blocks .left,
.life#size318 #contents_body .blocks .left {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}

.life #contents_body .blocks .image {
  width: 34%;
}

.life #contents_body .blocks .image {
  width: 19%;
}

.life #contents_body .blocks .text {
  width: 65%;
}

.life #contents_body .blocks .text2 {
  width: 80%;
}

.life #contents_body .blocks .right {
  float: right;
}

.life#size480 #contents_body .blocks .right,
.life#size318 #contents_body .blocks .right {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}

.life #contents_body .blocks .right img {
  float: right;
}

.life#size480 #contents_body .blocks .right img,
.life#size318 #contents_body .blocks .right img {
  float: none;
}

.life #contents_body .question {
  clear: both;
  margin-bottom: 16px;
}

.life #contents_body .blocks p {
  float: left;
  width: 515px;
  margin-left: 15px;
  padding-left: 10px;
  background-position: 0 20px;
  background-repeat: no-repeat;
  background-image: url("img/arrow_left.png");
}

.life#size795 #contents_body .blocks p {
  width: 415px;
}

.life#size720 #contents_body .blocks p {
  width: 367px;
}

.life#size480 #contents_body .blocks p {
  width: 385px;
}

.life#size318 #contents_body .blocks p {
  width: 223px;
}

.life #contents_body .blocks .question p {
  font-weight: bold;
}

.life #contents_body .question span {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  background: url("img/icon_q.png") no-repeat;
}

.life #contents_body p em {
  display: block;
  border-radius: 5px;
  padding: 10px 15px;
  color: #545454;
  font-style: normal;
  background-color: #EBEBEB;
}

.life #contents_body .answer {
  clear: both;
}

.life #contents_body .answer span {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  background: url("img/icon_a.png") no-repeat;
}

.life #contents_body .no_icon {
  padding-right: 10px;
  background-position: right 20px;
  background-repeat: no-repeat;
  background-image: url("img/arrow_right.png");
}

.life #contents_body .no_icon.right_arrow {
  float: left;
  padding-left: 10px;
  padding-right: 0;
  background-position: 0 20px;
  background-repeat: no-repeat;
  background-image: url("img/arrow_left.png");
}

.life #contents_body .no_icon em {
  display: block;
  border-radius: 5px;
  padding: 10px 15px;
  background-color: #EBEBEB;
  font-weight: bold;
}

.life #contents_body .no_icon em .big {
  font-size: 115%;
  margin-bottom: 10px;
}

/* dl_type1 */
.life #contents_body dl.dl_type1 dt {
  float: left;
  width: 395px;
  margin-right: 10px;
  color: #777777;
}

.life #contents_body .exclamation {
  padding: 13px 10px 13px 50px;
  border-radius: 3px;
  border: 1px solid #CCC;
  background: #F7F7F7 url("img/icon_exclamation_mark.png") no-repeat 10px 10px;
}

.life #contents_body .exclamation div {
  margin-bottom: 5px;
  font-size: 110%;
  font-weight: bold;
}

.life #contents_body dl.dl_type1 dt span {
  float: right;
}

.life #contents_body dl.dl_type1 dd a {
  color: #CFCFCF;
}

#size318.life #contents_body dl.dl_type1 dt {
  width: 100%;
}

#size720.life #contents_body dl.dl_type1 dd,
#size480.life #contents_body dl.dl_type1 dd,
#size318.life #contents_body dl.dl_type1 dd {
  float: right;
}

#size480.life #contents_body dl.dl_type1 dd,
#size318.life #contents_body dl.dl_type1 dd {
  margin-bottom: 10px;
}

#size480.life #contents_body dl.dl_type1 dd a,
#size318.life #contents_body dl.dl_type1 dd a {
  font-size: 90%;
}

.life #contents_body .newLife .blocks {
  padding: 0 40px;
}

.life #contents_body .newLife .header {
  background-color: #fcfbec;
  padding: 30px;
}

.life #contents_body .newLife .header h3 {
  font-size: 28px;
  border-bottom: 2px solid #ff6500;
}

.life #contents_body .newLife .header h3 span {
  display: inline-block;
  background: #ff6500;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  padding: 5px 9px 0 9px;
  border-radius: 5px 5px 0 0;
  margin-right: 15px;
}

.life#size480 #contents_body .newLife .header h3 {
  font-size: 22px;
}

.life#size318 #contents_body .newLife .header h3 {
  font-size: 16px;
}

.life#size318 #contents_body .newLife .header h3 span {
  font-size: 12px;
  padding: 2px 2px 0 2px;
  margin-right: 5px;
}

.life #contents_body .newLife .onepoint {
  background-color: #e9effe;
  padding: 30px;
}

.life #contents_body .newLife .onepoint h4 {
  font-size: 20px;
  border-bottom: 2px solid #08308f;
  font-weight: normal;
  margin-bottom: 25px;
  position: relative;
}

.life #contents_body .newLife .onepoint h4 span.point {
  display: inline-block;
  background: #08308f;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  padding: 5px 9px 0 9px;
  border-radius: 5px 5px 0 0;
  margin-right: 15px;
}

.life#size480 #contents_body .newLife .onepoint h4 {
  padding-left: 65px;
}

#contents_body .newLife .onepoint br.sp {
  display: none;
}

.life#size480 #contents_body .newLife .onepoint br.sp {
  display: block;
}

.life#size480 #contents_body .newLife .onepoint h4 span.point,
.life#size318 #contents_body .newLife .onepoint h4 span.point {
  position: absolute;
  bottom: 0;
  left: 0;
}

.life#size318 #contents_body .newLife .onepoint h4 {
  font-size: 13px;
  border-bottom: 2px solid #08308f;
  font-weight: normal;
  margin-bottom: 25px;
  position: relative;
  padding-left: 40px;
  line-height: 150%;
}

.life#size318 #contents_body .newLife .onepoint h4 span.point {
  font-size: 11px;
  color: #fff;
  font-weight: normal;
  padding: 2px 4px 0 4px;
  border-radius: 5px 5px 0 0;
  margin-right: 15px;
}

.life #contents_body .newLife .onepoint h4 span.small {
  font-size: 13px;
  padding: 0 6px;
  line-height: 10px;
}

.life#size318 #contents_body .newLife .onepoint h4 span.small {
  font-size: 12px;
  padding: 0 0px;
  line-height: 10px;
}

.life #contents_body .newLife .blocks .image {
  width: 36%;
}

.life #contents_body .newLife .blocks .image.w100 {
  width: 100%;
  margin-top: 30px;
}

.life #contents_body .newLife .blocks .image.w15 {
  width: 15%;
  margin-top: 0;
}

.life #contents_body .newLife .blocks .image.w100 img,
.life #contents_body .newLife .blocks .image.w15 img {
  max-width: 100%;
}

.life#size480 #contents_body .newLife .blocks .image.w15 img {
  max-width: 60%;
  margin: 0 auto;
}

.life #contents_body .newLife .blocks .text {
  width: 54%;
}

.life #contents_body .newLife .blocks .text.w100 {
  width: 100%;
}

.life #contents_body .newLife .blocks .text.w85 {
  width: 83%;
}

.life#size795 #contents_body .newLife .blocks .text.w100 p,
.life#size720 #contents_body .newLife .blocks .text.w100 p {
  width: 100%;
}

.life #contents_body .newLife .header .text {
  width: 60%;
}

.life #contents_body .newLife .onepoint .text {
  width: 61%;
}

.life #contents_body .newLife .onepoint .text .blocks {
  width: 100%;
  padding: 0;
}

.life #contents_body .newLife .onepoint .text .blocks .image {
  width: 20%;
}

.life #contents_body .newLife .onepoint .text .blocks .text {
  width: 78%;
}

.life #contents_body .newLife .blocks .short {
  width: 42%;
}

#size795.life #contents_body .newLife .blocks .short,
#size720.life #contents_body .newLife .blocks .short {
  width: 60%;
}

.life #contents_body .newLife .blocks .text p {
  margin: 0;
  padding: 0;
  width: 100%;
  background-image: none;
}

.life#size480 #contents_body .newLife .blocks img {
  width: 100%;
}

.life#size480 #contents_body .newLife .blocks .text p {
  width: 400px;
}

.life#size480 #contents_body .newLife .blocks .question p {
  width: 310px;
}

.life#size318 #contents_body .newLife .blocks .question p {
  width: 150px;
  line-height: 160%;
}

.life #contents_body .newLife .question {
  font-size: 22px;
  line-height: 45px;
}

.life#size318 #contents_body .newLife .question {
  font-size: 14px;
}

.life #contents_body .newLife .question p {
  margin-left: 10px;
  background-image: none;
}

.life #contents_body .newLife .question span {
  float: left;
  display: block;
  width: 45px;
  height: 45px;
  text-indent: -9999px;
  background: url(img/newlife_icon_q.png) no-repeat;
}

.life#size318 #contents_body .newLife .blocks img {
  width: 100%;
}

.life #contents_body .youtube .img {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 20px;
}

.life #contents_body .youtube .img iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* ----------------------------------------------------------------------------
 .life  category_menu
---------------------------------------------------------------------------- */
.life #category_menu,
.life #sp_category_menu {
  margin-bottom: 0;
  background-color: #FD6600;
}

.life #category_menu ul {
  width: 1008px;
  margin: 0 auto;
  text-align: left;
}

.life#size795 #category_menu ul {
  width: 795px;
}

.life#size720 #category_menu ul {
  width: 700px;
}

.life#size480 #category_menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.life#size318 #category_menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.life #category_menu ul li {
  display: block;
  float: left;
  line-height: 36px;
  width: 310px;
  padding-right: 10px;
}

.life#size795 #category_menu ul li {
  width: 370px;
  padding-right: 10px;
}

.life#size720 #category_menu ul li {
  width: 310px;
  padding-right: 10px;
}

.life#size480 #category_menu ul li {
  width: 100%;
  float: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}

.life#size318 #category_menu ul li {
  width: 100%;
  float: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}

.life #category_menu ul li a,
.life #sp_category_menu ul li a {
  color: #fff;
  font-size: 100%;
  padding-left: 13px;
  background: url("../img/arrow1.png") no-repeat left center;
}

.life#size480 #category_menu ul li a,
.life#size318 #category_menu ul li a {
  margin-left: 10px;
  font-weight: bold;
}

.life #category_menu ul li.current a {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* ----------------------------------------------------------------------------
 takumi
---------------------------------------------------------------------------- */
.takumi #contents_body {
  margin: 0 161px 30px;
}

.takumi #contents_head_inner {
  position: relative;
}

.takumi#size795 #contents_head .bg.pc {
  width: 795px;
}

.takumi#size720 #contents_head .bg.pc {
  width: 720px;
}

.takumi#size480 #contents_head .bg.pc {
  display: none;
}

.takumi#size318 #contents_head .bg.pc {
  display: none;
}

.takumi #contents_head .bg.sp {
  display: none;
}

.takumi#size795 #contents_head .bg.sp {
  display: none;
}

.takumi#size720 #contents_head .bg.sp {
  display: none;
}

.takumi#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.takumi#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.takumi #contents_head h2 {
  position: absolute;
  width: 356px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
}

.takumi#size795 #contents_head h2 {
  width: 281px;
}

.takumi#size720 #contents_head h2 {
  width: 261px;
}

.takumi#size480 #contents_head h2,
.takumi#size318 #contents_head h2 {
  width: 100%;
}

.takumi #contents_head h2 img {
  margin-top: 60px;
}

.takumi#size795 #contents_head h2 img {
  margin-top: 30px;
  width: 160px;
  height: auto;
}

.takumi#size720 #contents_head h2 img {
  margin-top: 30px;
  width: 140px;
  height: auto;
}

.takumi#size480 #contents_head h2 img {
  margin-top: 15px;
  width: 130px;
  height: auto;
}

.takumi#size318 #contents_head h2 img {
  margin-top: 13px;
  width: 85px;
  height: auto;
}

.takumi #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.takumi #contents_body .vol_text {
  display: none;
}

.takumi #contents_body .blocks {
  clear: both;
  margin-bottom: 35px;
}

.takumi#size480 #contents_body .blocks h3 img,
.takumi#size318 #contents_body .blocks h3 img {
  margin-bottom: 0;
}

.takumi #contents_body .blocks .left {
  float: left;
}

.takumi#size480 #contents_body .blocks .left,
.takumi#size318 #contents_body .blocks .left {
  float: none;
}

.takumi #contents_body .blocks .right {
  float: right;
}

.takumi#size480 #contents_body .blocks .right,
.takumi#size318 #contents_body .blocks .right {
  float: none;
}

.takumi #contents_body .blocks .txt {
  width: 58%;
}

.takumi#size480 #contents_body .blocks .txt,
.takumi#size318 #contents_body .blocks .txt {
  width: 100%;
}

.takumi #contents_body .blocks p {
  font-size: 95%;
  line-height: 21px;
  margin-bottom: 25px;
}

.takumi #contents_body .blocks p.capTxt {
  font-size: 100%;
  line-height: 21px;
  margin-bottom: 0px;
  width: 260px;
  margin-top: -12px;
  padding: 0 5px;
}

.takumi#size480 #contents_body .blocks p.capTxt,
.takumi#size318 #contents_body .blocks p.capTxt {
  text-align: center;
  width: 100%;
  padding: 0;
}

.takumi #contents_body .blocks .img {
  min-width: 274px;
}

.takumi#size480 #contents_body .blocks .img,
.takumi#size318 #contents_body .blocks .img {
  text-align: center;
}

.takumi #contents_body .blocks img {
  display: inline;
  margin: 0 0 25px;
}

.takumi #contents_body .note {
  margin-bottom: 40px;
  padding: 15px 12px;
  border: 1px solid #CCC;
}

.takumi #contents_body .note .writer {
  float: left;
  width: 140px;
  height: 140px;
  margin-top: 5px;
  margin-right: 20px;
  margin-bottom: 10px;
  text-indent: -9999px;
  background: url("img/takumi_note_bg_01.png") no-repeat;
}

.takumi #contents_body .note .ooi {
  background: url("img/takumi_note_bg_ooi.png") no-repeat !important;
}

.takumi #contents_body .note .yoshimura {
  background: url("img/takumi_note_bg_yoshimura.png") no-repeat !important;
}

.takumi #contents_body .note .right .writer {
  margin: 0 auto 0;
  float: none;
  margin-bottom: 20px;
}

.takumi#size480 #contents_body .note .writer,
.takumi#size318 #contents_body .note .writer {
  float: none;
  margin: 0 auto 10px;
}

.takumi #contents_body .note h5 {
  margin-bottom: 10px;
}

.takumi #contents_body .note .right h5 {
  text-align: center;
}

.takumi #contents_body .note p {
  font-size: 95%;
  line-height: 21px;
}

.takumi #contents_body .note .right p {
  margin-bottom: 0;
  margin-right: 10px;
}

.takumi #contents_body .note .left img {
  margin-bottom: 0;
}

.takumi #contents_body .links {
  margin-bottom: 20px;
}

.takumi #contents_body .links li {
  margin-bottom: 5px;
}

.takumi #contents_body .links a {
  color: #000;
}

.takumi #contents_body .blocks .sp {
  display: none;
}

.takumi#size480 #contents_body .blocks .pc,
.takumi#size318 #contents_body .blocks .pc {
  display: none;
}

.takumi#size480 #contents_body .blocks .sp,
.takumi#size318 #contents_body .blocks .sp {
  display: block;
  width: 100%;
}

/* ----------------------------------------------------------------------------
 leaderseye
---------------------------------------------------------------------------- */
.leaderseye #contents_body {
  margin: 0 59px 30px;
}

.leaderseye #contents_head_inner {
  position: relative;
}

.leaderseye#size795 #contents_head .bg.pc {
  width: 795px;
}

.leaderseye#size720 #contents_head .bg.pc {
  width: 720px;
}

.leaderseye#size480 #contents_head .bg.pc {
  display: none;
}

.leaderseye#size318 #contents_head .bg.pc {
  display: none;
}

.leaderseye #contents_head .bg.sp {
  display: none;
}

.leaderseye#size795 #contents_head .bg.sp {
  display: none;
}

.leaderseye#size720 #contents_head .bg.sp {
  display: none;
}

.leaderseye#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.leaderseye#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.leaderseye #contents_head h2 {
  position: absolute;
  width: 350px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
}

.leaderseye#size795 #contents_head h2 {
  width: 281px;
}

.leaderseye#size720 #contents_head h2 {
  width: 261px;
}

.leaderseye#size480 #contents_head h2,
.leaderseye#size318 #contents_head h2 {
  width: 100%;
  left: 0;
}

.leaderseye #contents_head h2 img {
  margin-top: 0;
}

.leaderseye#size795 #contents_head h2 img {
  margin-top: 30px;
  width: 160px;
  height: auto;
}

.leaderseye#size720 #contents_head h2 img {
  margin-top: 30px;
  width: 140px;
  height: auto;
}

.leaderseye#size480 #contents_head h2 img {
  margin-top: 15px;
  width: 152px;
  height: auto;
}

.leaderseye#size318 #contents_head h2 img {
  margin-top: 0;
  width: 113px;
  height: auto;
}

.leaderseye #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.leaderseye #contents_body .vol_text {
  display: none;
}

.leaderseye #contents_body .blocks {
  clear: both;
  margin-bottom: 35px;
}

.leaderseye #contents_body .blocks .txt {
  width: 100%;
}

.leaderseye #contents_body .blocks .left {
  float: left;
  width: 48%;
}

.leaderseye #contents_body .blocks .left img {
  width: 100%;
  height: auto;
}

.leaderseye#size480 #contents_body .blocks .left img {
  max-width: 420px;
  height: auto;
  margin: 0 auto;
}

.leaderseye#size480 #contents_body .blocks .left,
.leaderseye#size318 #contents_body .blocks .left {
  float: none;
}

.leaderseye #contents_body .blocks .right {
  float: right;
  width: 48%;
}

.leaderseye #contents_body .blocks .right img {
  width: 100%;
  height: auto;
}

.leaderseye#size480 #contents_body .blocks .right,
.leaderseye#size318 #contents_body .blocks .right {
  width: 100%;
  float: none;
}

.leaderseye#size480 #contents_body .blocks .txt,
.leaderseye#size318 #contents_body .blocks .txt {
  width: 100%;
}

.leaderseye#size480 #contents_body .blocks .left .innerImg,
.leaderseye#size318 #contents_body .blocks .left .innerImg,
.leaderseye#size480 #contents_body .blocks .right .innerImg,
.leaderseye#size318 #contents_body .blocks .right .innerImg {
  text-align: center;
  margin-bottom: 20px;
}

.leaderseye #contents_body .blocks p {
  font-size: 100%;
  line-height: 180%;
  margin-bottom: 25px;
}

.leaderseye #contents_body .blocks .img {
  min-width: 274px;
  max-width: 100%;
}

.leaderseye#size795 #contents_body .blocks .img img,
.leaderseye#size720 #contents_body .blocks .img img,
.leaderseye#size480 #contents_body .blocks .img img,
.leaderseye#size318 #contents_body .blocks .img img {
  max-width: 100%;
  height: auto;
}

.leaderseye#size318 #contents_body .blocks h3 {
  margin-bottom: 30px;
}

.leaderseye#size795 #contents_body .blocks h3 img,
.leaderseye#size720 #contents_body .blocks h3 img,
.leaderseye#size480 #contents_body .blocks h3 img,
.leaderseye#size318 #contents_body .blocks h3 img {
  width: 100%;
  height: auto;
}

.leaderseye#size480 #contents_body .blocks h3 img,
.leaderseye#size318 #contents_body .blocks h3 img {
  margin-bottom: 0;
}

.leaderseye#size480 #contents_body .blocks .img,
.leaderseye#size318 #contents_body .blocks .img {
  text-align: center;
}

.leaderseye #contents_body .blocks img {
  display: inline;
  margin: 0 0 25px;
}

.leaderseye #contents_body .blocks h4 img {
  margin: 10px 0 5px;
  max-width: 100%;
  height: auto;
}

.leaderseye #contents_body .blocks h4 img.pc {
  display: block;
}

.leaderseye #contents_body .blocks h4 img.sp {
  display: none;
}

.leaderseye#size318 #contents_body .blocks h4 img.pc {
  display: none;
}

.leaderseye#size318 #contents_body .blocks h4 img.sp {
  display: block;
}

.leaderseye #contents_body .note {
  margin-bottom: 40px;
  padding: 15px 12px;
  border: 1px solid #CCC;
  background: #f0f0f0;
}

.leaderseye #contents_body .note .writer {
  float: left;
  width: 140px;
  height: 140px;
  margin-right: 20px;
  text-indent: -9999px;
  background: url("img/leaderseye_note_bg_01.png") no-repeat;
}

.leaderseye #contents_body .note .ooi {
  background: url("img/leaderseye_note_bg_ooi.png") no-repeat !important;
}

.leaderseye #contents_body .note .yoshimura {
  background: url("img/leaderseye_note_bg_yoshimura.png") no-repeat !important;
}

.leaderseye #contents_body .note .right .writer {
  margin: 0 auto 0;
  float: none;
  margin-bottom: 20px;
}

.leaderseye#size480 #contents_body .note .writer,
.leaderseye#size318 #contents_body .note .writer {
  float: none;
  margin: 0 auto 10px;
}

.leaderseye #contents_body .note h5 {
  margin-bottom: 10px;
}

.leaderseye #contents_body .note .right h5 {
  text-align: center;
}

.leaderseye #contents_body .note p {
  font-size: 95%;
  line-height: 21px;
}

.leaderseye #contents_body .note .right p {
  margin-bottom: 0;
  margin-right: 10px;
}

.leaderseye #contents_body .note .left img {
  margin-bottom: 0;
}

.leaderseye #contents_body .links {
  margin-bottom: 20px;
}

.leaderseye #contents_body .links li {
  margin-bottom: 5px;
}

.leaderseye #contents_body .links a {
  color: #000;
}

.leaderseye .profile {
  border-top: solid 2px #ff0000 !important;
  border-bottom: solid 1px #ff0000 !important;
  margin-bottom: 40px;
}

.leaderseye .profile .text.left {
  width: 58%;
  float: left;
  padding-left: 3%;
  padding-bottom: 4%;
}

.leaderseye#size480 .profile .text.left,
.leaderseye#size318 .profile .text.left {
  width: 100%;
  float: none;
  padding-left: 0;
  padding-bottom: 2%;
}

.leaderseye .profile .text.left h6 {
  margin: 35px 0 15px;
}

.leaderseye#size480 .profile .text.left h6,
.leaderseye#size318 .profile .text.left h6 {
  width: 100%;
  overflow: hidden;
}

.leaderseye .profile .img.right {
  width: 36%;
  float: right;
  padding-top: 4%;
  padding-bottom: 4%;
}

.leaderseye#size480 .profile .img.right,
.leaderseye#size318 .profile .img.right {
  width: 100%;
  float: none;
  text-align: center;
}

.leaderseye .profile .img.right img {
  width: 100%;
  height: auto;
}

.leaderseye#size480 .profile .img.right img,
.leaderseye#size318 .profile .img.right img {
  max-width: 300px;
  margin-bottom: 4%;
}

.leaderseye#size795 .profile .img.right img {
  margin-top: 50px;
}

.leaderseye#size720 .profile .img.right img {
  margin-top: 65px;
}

/* ----------------------------------------------------------------------------
 .challenge  category_menu
---------------------------------------------------------------------------- */
.challenge #category_menu,
.challenge #_spcategory_menu {
  margin-bottom: 0;
  background-color: #210900;
}

.challenge #category_menu ul {
  width: 1008px;
  margin: 0 auto;
  text-align: left;
}

.challenge#size795 #category_menu ul {
  width: 795px;
}

.challenge#size720 #category_menu ul {
  width: 700px;
}

.challenge#size480 #category_menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.challenge#size318 #category_menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.challenge #category_menu ul li {
  display: block;
  float: left;
  line-height: 36px;
  width: 310px;
  padding-right: 10px;
}

.challenge#size795 #category_menu ul li {
  width: 370px;
  padding-right: 10px;
}

.challenge#size720 #category_menu ul li {
  width: 310px;
  padding-right: 10px;
}

.challenge#size480 #category_menu ul li {
  width: 100%;
  float: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}

.challenge#size318 #category_menu ul li {
  width: 100%;
  float: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}

.challenge #category_menu ul li a,
.challenge #sp_category_menu ul li a {
  color: #fff;
  font-size: 100%;
  padding-left: 13px;
  background: url("../img/arrow1.png") no-repeat left center;
}

.challenge#size480 #category_menu ul li a,
.challenge#size318 #category_menu ul li a {
  margin-left: 10px;
  font-weight: bold;
}

.challenge #category_menu ul li.current a {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* ----------------------------------------------------------------------------
   ryogoku
  ---------------------------------------------------------------------------- */
.ryogoku #contents_head_inner {
  position: relative;
}

.ryogoku#size795 #contents_head .bg.pc {
  width: 795px;
}

.ryogoku#size720 #contents_head .bg.pc {
  width: 720px;
}

.ryogoku#size480 #contents_head .bg.pc {
  display: none;
}

.ryogoku#size318 #contents_head .bg.pc {
  display: none;
}

.ryogoku #contents_head .bg.sp {
  display: none;
}

.ryogoku#size795 #contents_head .bg.sp {
  display: none;
}

.ryogoku#size720 #contents_head .bg.sp {
  display: none;
}

.ryogoku#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.ryogoku#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.ryogoku #contents_head h2 {
  position: absolute;
  width: 356px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: url("img/ryogoku_black_bg.png");
}

.ryogoku#size795 #contents_head h2 {
  width: 281px;
}

.ryogoku#size720 #contents_head h2 {
  width: 254px;
}

.ryogoku#size480 #contents_head h2 {
  width: 100%;
  height: 157px;
}

.ryogoku#size318 #contents_head h2 {
  width: 100%;
  height: 104px;
}

.ryogoku #contents_head h2 img {
  margin-top: 69px;
  width: 303px;
}

.ryogoku#size795 #contents_head h2 img {
  margin-top: 50px;
  width: 220px;
}

.ryogoku#size720 #contents_head h2 img {
  margin-top: 40px;
  width: 232px;
}

.ryogoku#size480 #contents_head h2 img {
  width: 240px;
  margin: 10px 0 0 0;
}

.ryogoku#size318 #contents_head h2 img {
  margin: 5px 0 0;
  width: 160px;
}

.ryogoku #contents_head .pagenation {
  position: absolute;
  top: 20px;
  left: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.ryogoku#size480 #contents_head .pagenation {
  top: 10px;
}

.ryogoku#size318 #contents_head .pagenation {
  top: 10px;
}

.ryogoku #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.ryogoku#size795 #contents_head .social_media {
  left: 10px;
}

.ryogoku#size720 #contents_head .social_media {
  left: 10px;
}

.ryogoku #contents_body .blocks.midashi img {
  margin-left: 0;
  margin-bottom: 20px;
  width: auto !important;
}

.ryogoku #contents_body .blocks.midashi .text {
  margin-top: 10px;
  padding-left: 10px;
  font-size: 120%;
  font-weight: bold;
  border-left: 3px solid #000;
}

.ryogoku #contents_body .blocks img {
  width: 100%;
  height: auto;
}

.ryogoku #contents_body .blocks {
  font-size: 110%;
  line-height: 200%;
}

.ryogoku #contents_body .blocks .txt strong {
  font-size: 130%;
  font-weight: bold;
  line-height: 180%;
}

.ryogoku#size480 #contents_body .blocks img {
  width: 435px;
}

.ryogoku#size318 #contents_body .blocks img {
  width: 90%;
  height: auto;
}

.ryogoku#size480 #contents_body .blocks .txt strong,
.ryogoku#size318 #contents_body .blocks .txt strong {
  font-size: 110%;
  line-height: 160%;
}

.ryogoku #contents_body .blocks .sp {
  display: none;
}

.ryogoku#size480 #contents_body .blocks .pc,
.ryogoku#size318 #contents_body .blocks .pc {
  display: none;
}

.ryogoku#size480 #contents_body .blocks .sp,
.ryogoku#size318 #contents_body .blocks .sp {
  display: block;
}

.ryogoku #contents_body .blocks .pc {
  width: 100%;
  height: auto;
}

.ryogoku#size795 #contents_body .blocks .pc {
  width: 100%;
  height: auto;
}

.ryogoku#size720 #contents_body .blocks .pc {
  width: 100%;
  height: auto;
}

.ryogoku#size480 #contents_body .blocks .sp {
  width: 100%;
  height: auto;
}

.ryogoku#size318 #contents_body .blocks .sp {
  width: 100%;
  height: auto;
}

.ryogoku #contents_body .blocks .box {
  border: 1px solid #DCDCDC;
  padding: 15px;
  background-color: #F0F0F0;
}

.ryogoku #contents_body .blocks.column_tow .left {
  float: left;
  width: 280px;
}

.ryogoku#size795 #contents_body .blocks.column_tow .left {
  width: 220px;
}

.ryogoku#size720 #contents_body .blocks.column_tow .left {
  width: 180px;
}

.ryogoku#size480 #contents_body .blocks.column_tow .left {
  float: none;
  width: 100%;
}

.ryogoku#size480 #contents_body .blocks.column_tow .right {
  float: none;
}

.ryogoku #contents_body .blocks.column_tow .right {
  float: right;
}

.ryogoku #contents_body .blocks.column_tow img {
  width: auto !important;
  margin: 0 0 5px;
}

.ryogoku#size480 #contents_body .blocks.column_tow img {
  float: left;
  margin: 15px 5px;
}

.ryogoku#size318 #contents_body .blocks.column_tow img {
  float: left;
  margin: 15px 5px;
  width: 89px !important;
}

.ryogoku #contents_body .blocks.clear {
  clear: both;
}

.ryogoku #contents_body .blocks .w30 {
  width: 31% !important;
}

.ryogoku #contents_body .blocks .w50 {
  width: 49%;
}

.ryogoku#size480 #contents_body .blocks .w50 {
  width: 100% !important;
}

.ryogoku#size318 #contents_body .blocks .w50 {
  width: 100% !important;
}

.ryogoku #contents_body .blocks .left {
  float: left;
}

.ryogoku #contents_body .blocks .w70 {
  width: 67% !important;
}

.ryogoku #contents_body .blocks .right {
  float: right;
}

.ryogoku #contents_body .blocks .lead {
  padding: 20px 30px;
  font-size: 90%;
  background-color: #fff;
  color: #666;
  line-height: 180%;
}

.ryogoku #contents_body .blocks h4 {
  background: url("img/ryo_h_bg_pc.png");
  font-size: 22px;
  line-height: 160%;
  color: #fff;
  padding: 10px 20px;
  margin: 50px 0 30px;
  letter-spacing: 3px;
}

.ryogoku #contents_body .blocks h4 strong {
  color: #e4b752;
}

.ryogoku #contents_body .subcolumn {
  background: #f9f6ea;
  padding: 30px 0 0;
}

.ryogoku #contents_body .subcolumn h5 {
  border-bottom: solid 1px #666;
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 150%;
  padding-bottom: 5px;
}

.ryogoku #contents_body .subcolumn h5 p {
  font-size: 13px;
}

.ryogoku #contents_body .subcolumn .txt {
  width: 59%;
  padding-left: 30px;
  margin-bottom: 30px;
  line-height: 180%;
  font-size: 13px;
}

.ryogoku#size720 #contents_body .subcolumn .txt {
  width: 50%;
}

.ryogoku#size480 #contents_body .subcolumn .txt,
.ryogoku#size318 #contents_body .subcolumn .txt {
  width: 100%;
  padding-left: 0;
}

.ryogoku#size480 #contents_body .subcolumn h5,
.ryogoku#size318 #contents_body .subcolumn h5 {
  margin: 0 20px;
}

.ryogoku#size480 #contents_body .subcolumn .txt > p,
.ryogoku#size318 #contents_body .subcolumn .txt > p {
  margin: 20px 20px 0;
}

.ryogoku #contents_body .subcolumn .img {
  width: 30%;
  padding-right: 30px;
  padding-bottom: 30px;
}

.ryogoku#size720 #contents_body .subcolumn .img {
  width: 39%;
}

.ryogoku#size480 #contents_body .subcolumn .img,
.ryogoku#size318 #contents_body .subcolumn .img {
  width: 100%;
  padding-right: 0;
}

.ryogoku #contents_body .subcolumn .img img {
  margin: 0;
}

.ryogoku#size480 #contents_body .subcolumn .img img,
.ryogoku#size318 #contents_body .subcolumn .img img {
  margin: 0 auto;
}

.ryogoku #contents_body .subcolumn .txt a {
  color: #5655fb;
}

/* ----------------------------------------------------------------------------
   hobby
  ---------------------------------------------------------------------------- */
.hobby #contents_head_inner {
  position: relative;
}

.hobby#size795 #contents_head .bg.pc {
  width: 795px;
}

.hobby#size720 #contents_head .bg.pc {
  width: 720px;
}

.hobby#size480 #contents_head .bg.pc {
  display: none;
}

.hobby#size318 #contents_head .bg.pc {
  display: none;
}

.hobby #contents_head .bg.sp {
  display: none;
}

.hobby#size795 #contents_head .bg.sp {
  display: none;
}

.hobby#size720 #contents_head .bg.sp {
  display: none;
}

.hobby#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.hobby#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.hobby #contents_head h2 {
  position: absolute;
  width: 356px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: url("img/hobby_black_bg.png");
}

.hobby#size795 #contents_head h2 {
  width: 281px;
}

.hobby#size720 #contents_head h2 {
  width: 254px;
}

.hobby#size480 #contents_head h2 {
  width: 100%;
  height: 157px;
}

.hobby#size318 #contents_head h2 {
  width: 100%;
  height: 104px;
}

.hobby #contents_head h2 img {
  margin-top: 45px;
  width: 303px;
}

.hobby#size795 #contents_head h2 img {
  margin-top: 40px;
  width: 220px;
}

.hobby#size720 #contents_head h2 img {
  margin-top: 20px;
  width: 222px;
}

.hobby#size480 #contents_head h2 img {
  width: 200px;
  margin: 12px 0 0 0;
}

.hobby#size318 #contents_head h2 img {
  margin: 3px 0 0;
  width: 145px;
}

.hobby #contents_head .pagenation {
  position: absolute;
  top: 20px;
  left: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.hobby#size480 #contents_head .pagenation {
  top: 10px;
}

.hobby#size318 #contents_head .pagenation {
  top: 10px;
}

.hobby #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.hobby#size795 #contents_head .social_media {
  left: 10px;
}

.hobby#size720 #contents_head .social_media {
  left: 10px;
}

.hobby #contents_body {
  margin: 0 0px 30px;
}

.hobby #contents_body .blocks.midashi img {
  margin-left: 0;
  margin-bottom: 20px;
  width: auto !important;
}

.hobby #contents_body .blocks.midashi .text {
  margin-top: 10px;
  padding-left: 10px;
  font-size: 120%;
  font-weight: bold;
  border-left: 3px solid #000;
}

.hobby #contents_body .hobby_lead {
  margin-top: -30px;
  font-size: 100% !important;
  padding: 0 60px;
  color: #666;
}

.hobby#size480 #contents_body .hobby_lead,
.hobby#size318 #contents_body .hobby_lead {
  padding: 0;
}

.hobby #contents_body .blocks h3 {
  margin-bottom: 0;
}

.hobby #contents_body .blocks img {
  width: 100%;
  height: auto;
}

.hobby #contents_body p.lead {
  background: url("img/hobby_lead_bg_pc.png");
  background-position: bottom left;
  font-size: 100% !important;
  font-weight: bold;
  color: #000;
  padding: 35px 60px;
}

.hobby#size480 #contents_body p.lead {
  padding: 20px;
}

.hobby#size318 #contents_body p.lead {
  padding: 10px;
}

.hobby #contents_body .blocks {
  font-size: 110%;
  line-height: 200%;
}

.hobby #contents_body .blocks {
  margin-bottom: 40px;
}

.hobby #contents_body .hobby_cont_wrap {
  margin: 0 60px;
}

.hobby#size720 #contents_body .hobby_cont_wrap,
.hobby#size480 #contents_body .hobby_cont_wrap,
.hobby#size318 #contents_body .hobby_cont_wrap {
  margin: 0;
}

.hobby #contents_body .youtube img {
  margin-bottom: 20px;
}

.hobby #contents_body .left img,
.hobby #contents_body .right img {
  margin-top: 0;
}

.hobby #contents_body .blocks .txt strong {
  font-size: 130%;
  font-weight: bold;
  line-height: 180%;
}

.hobby#size480 #contents_body .blocks img {
  width: 100%;
  padding-top: 20px;
}

.hobby#size318 #contents_body .blocks img {
  width: 100%;
  height: auto;
}

.hobby#size480 #contents_body .blocks .txt strong,
.hobby#size318 #contents_body .blocks .txt strong {
  font-size: 110%;
  line-height: 160%;
}

.hobby #contents_body .blocks .sp {
  display: none;
}

.hobby#size480 #contents_body .blocks .pc,
.hobby#size318 #contents_body .blocks .pc {
  display: none;
}

.hobby#size480 #contents_body .blocks .sp,
.hobby#size318 #contents_body .blocks .sp {
  display: block;
}

.hobby #contents_body .blocks .pc {
  width: 100%;
  height: auto;
}

.hobby#size795 #contents_body .blocks .pc {
  width: 100%;
  height: auto;
}

.hobby#size720 #contents_body .blocks .pc {
  width: 100%;
  height: auto;
}

.hobby#size480 #contents_body .blocks .sp {
  width: 100%;
  height: auto;
}

.hobby#size318 #contents_body .blocks .sp {
  width: 100%;
  height: auto;
}

.hobby #contents_body .blocks .box {
  border: 1px solid #DCDCDC;
  padding: 15px;
  background-color: #F0F0F0;
}

.hobby #contents_body .blocks.column_tow .left {
  float: left;
  width: 280px;
}

.hobby#size795 #contents_body .blocks.column_tow .left {
  width: 220px;
}

.hobby#size720 #contents_body .blocks.column_tow .left {
  width: 180px;
}

.hobby#size480 #contents_body .blocks.column_tow .left {
  float: none;
  width: 100%;
}

.hobby#size480 #contents_body .blocks.column_tow .right {
  float: none;
}

.hobby #contents_body .blocks.column_tow .right {
  float: right;
}

.hobby #contents_body .blocks.column_tow img {
  width: auto !important;
  margin: 0 0 5px;
}

.hobby#size480 #contents_body .blocks.column_tow img {
  float: left;
  margin: 15px 5px;
}

.hobby#size318 #contents_body .blocks.column_tow img {
  float: left;
  margin: 15px 5px;
  width: 89px !important;
}

.hobby #contents_body .blocks.clear {
  clear: both;
}

.hobby #contents_body .blocks .w30 {
  width: 31% !important;
}

.hobby #contents_body .blocks .w50 {
  width: 49%;
}

.hobby#size480 #contents_body .blocks .w50 {
  width: 100% !important;
}

.hobby#size318 #contents_body .blocks .w50 {
  width: 100% !important;
}

.hobby #contents_body .blocks .left {
  float: left;
}

.hobby #contents_body .blocks .w70 {
  width: 67% !important;
}

.hobby #contents_body .blocks .right {
  float: right;
}

.hobby #contents_body .blocks.subcolumn .blocks {
  padding: 30px 40px;
  font-size: 100%;
  margin-bottom: 0;
}

.hobby#size480 #contents_body .blocks.subcolumn .blocks,
.hobby#size318 #contents_body .blocks.subcolumn .blocks {
  padding: 20px;
}

.hobby #contents_body .blocks.subcolumn .blocks h4 {
  font-size: 110%;
  color: #5e2303;
  margin-bottom: 10px;
}

.hobby #contents_body .blocks.subcolumn .blocks h5 {
  font-size: 110%;
  color: #5e2303;
}

.hobby #contents_body .blocks.subcolumn .blocks span {
  font-size: 90%;
}

.hobby #contents_body .blocks.subcolumn .b1,
.hobby #contents_body .blocks.subcolumn .b2 {
  border-bottom: dashed 1px #000;
}

.hobby #contents_body .subcolumn {
  background: url(img/hobby_repo_bg.png);
  padding: 0;
}

.hobby#size480 #contents_body .subcolumn h5,
.hobby#size318 #contents_body .subcolumn h5 {
  margin: 0;
}

.hobby#size480 #contents_body .subcolumn .txt > p,
.hobby#size318 #contents_body .subcolumn .txt > p {
  margin: 20px 0 0;
}

.hobby #contents_body .subcolumn .img {
  width: 30%;
  padding-right: 30px;
  padding-bottom: 30px;
}

.hobby#size720 #contents_body .subcolumn .img {
  width: 39%;
}

.hobby#size480 #contents_body .subcolumn .img,
.hobby#size318 #contents_body .subcolumn .img {
  width: 100%;
  padding-right: 0;
}

.hobby #contents_body .subcolumn .img img {
  margin: 0;
  width: 200px !important;
}

.hobby#size480 #contents_body .subcolumn .img img,
.hobby#size318 #contents_body .subcolumn .img img {
  margin: 0 auto;
}

.hobby#size318 #contents_body .subcolumn .img img {
  margin-top: 20px;
}

.hobby #contents_body .subcolumn .txt a {
  color: #5655fb;
}

.hobby #contents_body .blocks.subcolumn .blocks .txt.left {
  float: left;
  width: 72%;
}

.hobby#size480 #contents_body .blocks.subcolumn .blocks .txt.left,
.hobby#size318 #contents_body .blocks.subcolumn .blocks .txt.left {
  float: none;
  width: 100%;
}

.hobby#size795 #contents_body .blocks.subcolumn .blocks .txt.left {
  width: 60%;
}

.hobby#size720 #contents_body .blocks.subcolumn .blocks .txt.left {
  width: 59%;
}

.hobby #contents_body .blocks.subcolumn .blocks .img.right {
  float: right;
  width: 200px;
  text-align: right;
  padding-right: 0;
}

.hobby #contents_body .youtube .img {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 20px;
}

.hobby #contents_body .youtube .img iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* ----------------------------------------------------------------------------
   tanbou
  ---------------------------------------------------------------------------- */
.tanbou #contents_head_inner {
  position: relative;
}

.tanbou#size795 #contents_head .bg.pc {
  width: 795px;
}

.tanbou#size720 #contents_head .bg.pc {
  width: 720px;
}

.tanbou#size480 #contents_head .bg.pc {
  display: none;
}

.tanbou#size318 #contents_head .bg.pc {
  display: none;
}

.tanbou #contents_head .bg.sp {
  display: none;
}

.tanbou#size795 #contents_head .bg.sp {
  display: none;
}

.tanbou#size720 #contents_head .bg.sp {
  display: none;
}

.tanbou#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.tanbou#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.tanbou #contents_head h2 {
  position: absolute;
  width: 356px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: url("img/tanbou_black_bg.png");
}

.tanbou#size795 #contents_head h2 {
  width: 281px;
}

.tanbou#size720 #contents_head h2 {
  width: 254px;
}

.tanbou#size480 #contents_head h2 {
  width: 100%;
  height: 157px;
}

.tanbou#size318 #contents_head h2 {
  width: 100%;
  height: 104px;
}

.tanbou #contents_head h2 img {
  margin-top: 97px;
  width: 269px;
}

.tanbou#size795 #contents_head h2 img {
  margin-top: 80px;
  width: 200px;
}

.tanbou#size720 #contents_head h2 img {
  margin-top: 65px;
  width: 190px;
}

.tanbou#size480 #contents_head h2 img {
  width: 240px;
  margin: 20px 0 0 0;
}

.tanbou#size318 #contents_head h2 img {
  margin: 12px 0 0;
  width: 160px;
}

.tanbou #contents_head .pagenation {
  position: absolute;
  top: 20px;
  left: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.tanbou#size480 #contents_head .pagenation {
  top: 10px;
}

.tanbou#size318 #contents_head .pagenation {
  top: 10px;
}

.tanbou #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.tanbou#size795 #contents_head .social_media {
  left: 10px;
}

.tanbou#size720 #contents_head .social_media {
  left: 10px;
}

.tanbou .tanbou_container {
  font-size: 15px;
  line-height: 26px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.tanbou .tanbou_container img {
  width: 100%;
  height: auto;
}

.tanbou .tanbou_container .lead {
  margin-top: 40px;
}

.tanbou .tanbou_container .flie1 {
  margin-top: 50px;
  width: 100%;
}

.tanbou .tanbou_container .flie1 .tab {
  width: 167px;
}

.tanbou .tanbou_container .flie1 .ttl {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  padding: 24px;
  box-sizing: border-box;
  background: #002762;
}

.tanbou .tanbou_container .flie1 .bg {
  background: #e5e9ef;
  padding: 32px;
  box-sizing: border-box;
}

.tanbou .tanbou_container .flie1 .bg .txt {
  margin-top: 24px;
}

.tanbou .tanbou_container h4 {
  font-size: 20px;
  font-weight: bold;
  color: #002762;
  border: 2px solid #002762;
  padding: 16px;
  box-sizing: border-box;
  width: 100%;
  margin-top: 50px;
  position: relative;
}

.tanbou .tanbou_container h4::before {
  content: "";
  width: 16px;
  height: 16px;
  background: #002762;
  position: absolute;
  top: -9px;
  left: -9px;
}

.tanbou .tanbou_container h4::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.tanbou .tanbou_container .frame {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  width: 100%;
}

.tanbou .tanbou_container .frame .txt {
  width: 429px;
}

.tanbou .tanbou_container .frame .img {
  width: 429px;
}

.tanbou .tanbou_container .block.mt40 {
  margin-top: 40px;
}

.tanbou .tanbou_container .block.mt32 {
  margin-top: 32px;
}

.tanbou .tanbou_container .flie2 {
  margin-top: 50px;
  width: 100%;
}

.tanbou .tanbou_container .flie2 .tab {
  width: 167px;
}

.tanbou .tanbou_container .flie2 .ttl {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  padding: 24px;
  box-sizing: border-box;
  background: #0090e3;
}

.tanbou .tanbou_container .flie2 .bg {
  background: #e5f4fc;
  padding: 32px;
  box-sizing: border-box;
}

.tanbou .tanbou_container .flie2 .bg .frame {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  width: 100%;
}

.tanbou .tanbou_container .flie2 .bg .frame.mt0 {
  margin-top: 0;
}

.tanbou .tanbou_container .flie2 .bg .frame .txt {
  width: 397px;
}

.tanbou .tanbou_container .flie2 .bg .frame .img {
  width: 397px;
}

.tanbou .tanbou_container .info {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 24px;
  box-sizing: border-box;
  border: 1px solid #ccc;
}

.tanbou .tanbou_container .info span {
  font-size: 18px;
  font-weight: bold;
  display: block;
}

.tanbou#size795 .tanbou_container .frame .txt {
  width: 365px;
}

.tanbou#size795 .tanbou_container .frame .img {
  width: 365px;
}

.tanbou#size795 .tanbou_container .flie2 .bg .frame .txt {
  width: 335px;
}

.tanbou#size795 .tanbou_container .flie2 .bg .frame .img {
  width: 335px;
}

.tanbou#size720 .tanbou_container .lead, .tanbou#size480 .tanbou_container .lead, .tanbou#size318 .tanbou_container .lead {
  margin-top: 20px;
}

.tanbou#size720 .tanbou_container .flie1, .tanbou#size480 .tanbou_container .flie1, .tanbou#size318 .tanbou_container .flie1 {
  margin-top: 32px;
}

.tanbou#size720 .tanbou_container .flie1 .ttl, .tanbou#size480 .tanbou_container .flie1 .ttl, .tanbou#size318 .tanbou_container .flie1 .ttl {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  padding: 12px;
  box-sizing: border-box;
  background: #002762;
}

.tanbou#size720 .tanbou_container .flie1 .bg, .tanbou#size480 .tanbou_container .flie1 .bg, .tanbou#size318 .tanbou_container .flie1 .bg {
  padding: 16px;
}

.tanbou#size720 .tanbou_container .flie1 .bg .txt, .tanbou#size480 .tanbou_container .flie1 .bg .txt, .tanbou#size318 .tanbou_container .flie1 .bg .txt {
  margin-top: 12px;
}

.tanbou#size720 .tanbou_container h4, .tanbou#size480 .tanbou_container h4, .tanbou#size318 .tanbou_container h4 {
  margin-top: 32px;
}

.tanbou#size720 .tanbou_container .frame, .tanbou#size480 .tanbou_container .frame, .tanbou#size318 .tanbou_container .frame {
  flex-direction: column;
  margin-top: 20px;
}

.tanbou#size720 .tanbou_container .frame .txt, .tanbou#size480 .tanbou_container .frame .txt, .tanbou#size318 .tanbou_container .frame .txt {
  width: 100%;
  margin-top: 16px;
}

.tanbou#size720 .tanbou_container .frame .img, .tanbou#size480 .tanbou_container .frame .img, .tanbou#size318 .tanbou_container .frame .img {
  margin-top: 16px;
  width: 100%;
}

.tanbou#size720 .tanbou_container .block.mt40, .tanbou#size480 .tanbou_container .block.mt40, .tanbou#size318 .tanbou_container .block.mt40 {
  margin-top: 20px;
}

.tanbou#size720 .tanbou_container .block.mt32, .tanbou#size480 .tanbou_container .block.mt32, .tanbou#size318 .tanbou_container .block.mt32 {
  margin-top: 16px;
}

.tanbou#size720 .tanbou_container .flie2, .tanbou#size480 .tanbou_container .flie2, .tanbou#size318 .tanbou_container .flie2 {
  margin-top: 32px;
}

.tanbou#size720 .tanbou_container .flie2 .ttl, .tanbou#size480 .tanbou_container .flie2 .ttl, .tanbou#size318 .tanbou_container .flie2 .ttl {
  font-size: 18px;
  padding: 12px;
}

.tanbou#size720 .tanbou_container .flie2 .bg, .tanbou#size480 .tanbou_container .flie2 .bg, .tanbou#size318 .tanbou_container .flie2 .bg {
  padding: 16px;
}

.tanbou#size720 .tanbou_container .flie2 .bg .frame, .tanbou#size480 .tanbou_container .flie2 .bg .frame, .tanbou#size318 .tanbou_container .flie2 .bg .frame {
  flex-direction: column;
  margin-top: 0;
}

.tanbou#size720 .tanbou_container .flie2 .bg .frame .txt, .tanbou#size480 .tanbou_container .flie2 .bg .frame .txt, .tanbou#size318 .tanbou_container .flie2 .bg .frame .txt {
  width: 100%;
}

.tanbou#size720 .tanbou_container .flie2 .bg .frame .img, .tanbou#size480 .tanbou_container .flie2 .bg .frame .img, .tanbou#size318 .tanbou_container .flie2 .bg .frame .img {
  width: 100%;
}

.tanbou#size720 .tanbou_container .info, .tanbou#size480 .tanbou_container .info, .tanbou#size318 .tanbou_container .info {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 12px;
}

.tanbou#size720 .tanbou_container .info span, .tanbou#size480 .tanbou_container .info span, .tanbou#size318 .tanbou_container .info span {
  font-size: 16px;
}

/* ----------------------------------------------------------------------------
  office
 ---------------------------------------------------------------------------- */
.office #contents_head_inner {
  position: relative;
}

.office#size795 #contents_head .bg.pc {
  width: 795px;
}

.office#size720 #contents_head .bg.pc {
  width: 720px;
}

.office#size480 #contents_head .bg.pc {
  display: none;
}

.office#size318 #contents_head .bg.pc {
  display: none;
}

.office #contents_head .bg.sp {
  display: none;
}

.office#size795 #contents_head .bg.sp {
  display: none;
}

.office#size720 #contents_head .bg.sp {
  display: none;
}

.office#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.office#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.office #contents_head h2 {
  display: none;
}

.office #contents_head .pagenation {
  position: absolute;
  top: 10px;
  right: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.office #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 67px;
}

.office #container-inner {
  background: #f5f5f5;
}

.office #container-inner #header {
  background: #fff;
}

.office .office_inner {
  background: #fff;
  width: 1008px;
  margin: 0 auto 48px -61px;
  text-align: left;
  padding: 48px;
  box-sizing: border-box;
}

.office .office_inner img {
  max-width: 100%;
  height: auto;
}

.office#size795 .office_inner, .office#size720 .office_inner, .office#size480 .office_inner, .office#size318 .office_inner {
  width: 100%;
  margin: 0 auto 48px 0;
}

.office .office_inner .block {
  display: flex;
  justify-content: space-between;
  line-height: 1.8;
}

.office#size795 .office_inner .block, .office#size720 .office_inner .block, .office#size480 .office_inner .block, .office#size318 .office_inner .block {
  display: block;
}

.office .office_inner .block:last-child {
  margin-top: 40px;
}

.office .w401 {
  width: 401px;
  position: relative;
}

.office#size795 .w401, .office#size720 .w401, .office#size480 .w401, .office#size318 .w401 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.office .w480 {
  width: 480px;
}

.office#size795 .w480, .office#size720 .w480, .office#size480 .w480, .office#size318 .w480 {
  width: 100%;
}

.office .absolute {
  position: absolute;
  top: 0;
  right: 0;
}

.office#size795 .absolute, .office#size720 .absolute, .office#size480 .absolute, .office#size318 .absolute {
  position: inherit;
}

.office#size795 .mt, .office#size720 .mt, .office#size480 .mt, .office#size318 .mt {
  margin-top: 30px;
}

/* ----------------------------------------------------------------------------
 .office  category_menu
---------------------------------------------------------------------------- */
.office #category_menu,
.office #sp_category_menu {
  margin-bottom: 0;
  background-color: #333;
}

.office #category_menu ul {
  width: 1008px;
  margin: 0 auto;
  text-align: left;
}

.office#size795 #category_menu ul {
  width: 795px;
}

.office#size720 #category_menu ul {
  width: 700px;
}

.office#size480 #category_menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.office#size318 #category_menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.office #category_menu ul li {
  display: block;
  float: left;
  line-height: 36px;
  width: 240px;
  padding-right: 10px;
}

.office#size795 #category_menu ul li {
  width: 370px;
  padding-right: 10px;
}

.office#size720 #category_menu ul li {
  width: 310px;
  padding-right: 10px;
}

.office#size480 #category_menu ul li {
  width: 100%;
  float: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}

.office#size318 #category_menu ul li {
  width: 100%;
  float: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}

.office #category_menu ul li a,
.office #sp_category_menu ul li a {
  color: #fff;
  font-size: 100%;
  padding-left: 13px;
  background: url("../img/arrow1.png") no-repeat left center;
}

.office#size480 #category_menu ul li a,
.office#size318 #category_menu ul li a {
  margin-left: 10px;
  font-weight: bold;
}

.office #category_menu ul li.current a {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* ----------------------------------------------------------------------------
 .workstyle category_menu
---------------------------------------------------------------------------- */
.workstyle #category_menu,
.workstyle #sp_category_menu {
  margin-bottom: 0;
  background-color: #7c1f8a;
}

.workstyle #category_menu ul {
  width: 1008px;
  margin: 0 auto;
  text-align: left;
}

.workstyle#size795 #category_menu ul {
  width: 795px;
}

.workstyle#size720 #category_menu ul {
  width: 700px;
}

.workstyle#size480 #category_menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.workstyle#size318 #category_menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.workstyle #category_menu ul li {
  display: block;
  float: left;
  line-height: 36px;
  width: 240px;
  padding-right: 10px;
}

.workstyle#size795 #category_menu ul li {
  width: 370px;
  padding-right: 10px;
}

.workstyle#size720 #category_menu ul li {
  width: 310px;
  padding-right: 10px;
}

.workstyle#size480 #category_menu ul li {
  width: 100%;
  float: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}

.workstyle#size318 #category_menu ul li {
  width: 100%;
  float: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}

.workstyle #category_menu ul li a,
.workstyle #sp_category_menu ul li a {
  color: #fff;
  font-size: 100%;
  padding-left: 13px;
  background: url("../img/arrow1.png") no-repeat left center;
}

.workstyle#size480 #category_menu ul li a,
.workstyle#size318 #category_menu ul li a {
  margin-left: 10px;
  font-weight: bold;
}

.workstyle #category_menu ul li.current a {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* ----------------------------------------------------------------------------
   workstyle
  ---------------------------------------------------------------------------- */
.workstyle #contents_head_inner {
  position: relative;
}

.workstyle#size795 #contents_head .bg.pc {
  width: 795px;
}

.workstyle#size720 #contents_head .bg.pc {
  width: 720px;
}

.workstyle#size480 #contents_head .bg.pc {
  display: none;
}

.workstyle#size318 #contents_head .bg.pc {
  display: none;
}

.workstyle #contents_head .bg.sp {
  display: none;
}

.workstyle#size795 #contents_head .bg.sp {
  display: none;
}

.workstyle#size720 #contents_head .bg.sp {
  display: none;
}

.workstyle#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.workstyle#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.workstyle #contents_head h2 {
  display: none;
}

.workstyle #contents_head .pagenation {
  position: absolute;
  top: 10px;
  right: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.workstyle #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.workstyle #container-inner #header {
  background: #fff;
}

.workstyle .workstyle_inner {
  background: #fff;
  width: 900px;
  margin: 0 auto;
  text-align: justify !important;
  text-justify: inter-ideograph !important;
}

.workstyle .workstyle_inner img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.workstyle#size795 .workstyle_inner, .workstyle#size720 .workstyle_inner, .workstyle#size480 .workstyle_inner, .workstyle#size318 .workstyle_inner {
  width: 100%;
}

.workstyle .workstyle_inner .block {
  display: flex;
  justify-content: space-between;
  line-height: 1.8;
  flex-wrap: wrap;
  margin-top: 24px;
}

.workstyle .workstyle_inner .lead {
  width: 100%;
  height: auto;
  padding: 4px;
  background: linear-gradient(to right bottom, #7c1f8a, #d8adde, #7c1f8a);
}

.workstyle .workstyle_inner .lead .inner {
  padding: 32px;
  background-color: #FFF;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
}

.workstyle .w438 {
  width: 438px;
  margin-top: 16px;
}

.workstyle .w100 {
  width: 100%;
  margin-top: 16px;
}

.workstyle#size795 .w438, .workstyle#size720 .w438, .workstyle#size480 .w438, .workstyle#size318 .w438 {
  width: 100%;
}

.workstyle .mikiBanner {
  margin-top: 48px;
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.tanbou_container2 {
  font-size: 15px;
  line-height: 26px;
}
.tanbou_container2 .frame {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media (max-width: 811px) {
  .tanbou_container2 .frame {
    display: block;
  }
}
.tanbou_container2 .frame:first-child {
  margin-top: -24px;
}
.tanbou_container2 .frame .w100 {
  width: 100%;
  margin-top: 24px;
}
.tanbou_container2 .frame .w50 {
  width: calc((100% - 30px) / 2);
  margin-top: 24px;
}
@media (max-width: 811px) {
  .tanbou_container2 .frame .w50 {
    width: 100%;
  }
}
.tanbou_container2 .frame .w50.illust_txt {
  margin-top: 0;
}
.tanbou_container2 .frame .w50.illust_img {
  position: relative;
  left: -460px;
  top: 0;
}
@media (max-width: 811px) {
  .tanbou_container2 .frame .w50.illust_img {
    position: inherit;
  }
}
.tanbou_container2 .frame .w50.illust_img img {
  width: auto;
}
@media (max-width: 811px) {
  .tanbou_container2 .frame .w50.illust_img img {
    width: 100%;
  }
}
.tanbou_container2 .frame .w50 img {
  width: 100%;
  height: auto;
}
.tanbou_container2 h3.sub1 {
  margin-top: 30px;
  border-bottom: solid 4px #002762;
}
.tanbou_container2 h3.sub2 {
  margin-top: 56px;
  border-bottom: solid 4px #0090e3;
}
.tanbou_container2 h4 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px;
}
.tanbou_container2 h4.interview {
  font-size: 24px;
  line-height: 36px;
  margin-top: 24px;
}
.tanbou_container2 h4.interview span {
  font-size: 15px;
  font-weight: normal;
  margin-top: 8px;
  display: block;
  line-height: 1.5;
}
.tanbou_container2 .info {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 24px;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
.tanbou_container2 .info span {
  font-size: 18px;
  font-weight: bold;
  display: block;
}

/* ----------------------------------------------------------------------------
  jiji
 ---------------------------------------------------------------------------- */
.jiji #contents_head_inner {
  position: relative;
}

.jiji#size795 #contents_head .bg.pc {
  width: 795px;
}

.jiji#size720 #contents_head .bg.pc {
  width: 720px;
}

.jiji#size480 #contents_head .bg.pc {
  display: none;
}

.jiji#size318 #contents_head .bg.pc {
  display: none;
}

.jiji #contents_head .bg.sp {
  display: none;
}

.jiji#size795 #contents_head .bg.sp {
  display: none;
}

.jiji#size720 #contents_head .bg.sp {
  display: none;
}

.jiji#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.jiji#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.jiji #contents_head h2 {
  display: none;
}

.jiji #contents_head .pagenation {
  position: absolute;
  top: 10px;
  right: 20px;
  height: 25px;
  line-height: 25px;
  padding-left: 30px;
  color: #fff;
}

.jiji #contents_head .social_media {
  position: absolute;
  top: 20px;
  left: 20px;
}

.jiji #contents_body {
  margin: 0 0 30px;
}

.jiji #container-inner #header {
  background: #fff;
}

.jiji #container-inner #contents_head {
  margin-bottom: 0;
  background-color: #b7d5e7;
}

.jiji .jiji_inner {
  background: #fff;
  width: 900px;
  margin: 60px auto;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 30px;
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  -webkit-text-size-adjust: 100%;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-feature-settings: "palt";
}
@media (max-width: 1008px) {
  .jiji .jiji_inner {
    width: 100%;
    margin: 30px auto;
  }
}
.jiji .jiji_inner .block {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1008px) {
  .jiji .jiji_inner .block {
    flex-direction: column;
    margin-top: 15px;
  }
}
.jiji .jiji_inner .block .w430 {
  width: 430px;
}
@media (max-width: 1008px) {
  .jiji .jiji_inner .block .w430 {
    width: 100%;
  }
}
.jiji .jiji_inner .block .w900 {
  width: 100%;
}
@media (max-width: 1008px) {
  .jiji .jiji_inner .block .w900 {
    width: 100%;
  }
}
@media (max-width: 1008px) {
  .jiji .jiji_inner .block .mt {
    margin-top: 15px;
  }
}
.jiji .jiji_inner .block img {
  width: 100%;
  height: auto;
}

/* ----------------------------------------------------------------------------
 jiji  category_menu
---------------------------------------------------------------------------- */
.jiji #category_menu,
.jiji #sp_category_menu {
  margin-bottom: 0;
  background-color: #046597;
}

.jiji #category_menu ul {
  width: 1008px;
  margin: 0 auto;
  text-align: left;
}

.jiji#size795 #category_menu ul {
  width: 795px;
}

.jiji#size720 #category_menu ul {
  width: 700px;
}

.jiji#size480 #category_menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.jiji#size318 #category_menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.jiji #category_menu ul li {
  display: block;
  float: left;
  line-height: 36px;
  width: 240px;
  padding-right: 10px;
}

.jiji#size795 #category_menu ul li {
  width: 370px;
  padding-right: 10px;
}

.jiji#size720 #category_menu ul li {
  width: 310px;
  padding-right: 10px;
}

.jiji#size480 #category_menu ul li {
  width: 100%;
  float: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}

.jiji#size318 #category_menu ul li {
  width: 100%;
  float: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}

.jiji #category_menu ul li a,
.jiji #sp_category_menu ul li a {
  color: #fff;
  font-size: 100%;
  padding-left: 13px;
  background: url("../img/arrow1.png") no-repeat left center;
}

.jiji#size480 #category_menu ul li a,
.jiji#size318 #category_menu ul li a {
  margin-left: 10px;
  font-weight: bold;
}

.jiji #category_menu ul li.current a {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* ----------------------------------------------------------------------------
駅チカビル
  ---------------------------------------------------------------------------- */
.building_container .lead {
  font-size: 15px;
  line-height: 26px;
}
.building_container h3 {
  margin: 40px 0 0;
  padding: 0;
  line-height: 1;
}
@media (max-width: 811px) {
  .building_container h3 {
    margin: 20px 0 0;
  }
}
.building_container h3 img {
  width: 100%;
}
.building_container ul {
  margin: 35px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 904px;
}
@media (max-width: 811px) {
  .building_container ul {
    margin: 17px 0 0;
    width: 100%;
  }
}
.building_container ul li {
  margin-top: 5px;
  display: block;
}
@media (max-width: 811px) {
  .building_container ul li {
    width: 50%;
  }
}
.building_container ul li a {
  display: block;
}
.building_container ul li a img {
  width: 100%;
}
.building_container a.btn {
  margin: 20px auto 30px;
  width: 620px;
  display: block;
}
@media (max-width: 811px) {
  .building_container a.btn {
    margin: 10px auto 15px;
    width: 100%;
  }
}
.building_container a.btn img {
  width: 100%;
}

.building #contents_head_inner {
  position: relative;
}

.building#size795 #contents_head .bg.pc {
  width: 795px;
}

.building#size720 #contents_head .bg.pc {
  width: 720px;
}

.building#size480 #contents_head .bg.pc {
  display: none;
}

.building#size318 #contents_head .bg.pc {
  display: none;
}

.building #contents_head .bg.sp {
  display: none;
}

.building#size795 #contents_head .bg.sp {
  display: none;
}

.building#size720 #contents_head .bg.sp {
  display: none;
}

.building#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
  background: #333;
}

.building#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
  background: #333;
}

.building #contents_head h2 {
  position: absolute;
  width: 356px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: url("img/building_black_bg.png");
}

.building#size795 #contents_head h2 {
  width: 281px;
}

.building#size720 #contents_head h2 {
  width: 254px;
}

.building#size480 #contents_head h2 {
  width: 100%;
  height: 157px;
}

.building#size318 #contents_head h2 {
  width: 100%;
  height: 104px;
}

.building #contents_head h2 img {
  margin-top: 30px;
  width: 301px;
}

.building#size795 #contents_head h2 img {
  margin-top: 20px;
  width: 245px;
}

.building#size720 #contents_head h2 img {
  margin-top: 15px;
  width: 225px;
}

.building#size480 #contents_head h2 img {
  width: 301px;
  margin: 28px 0 0 0;
  background: #333;
}

.building#size318 #contents_head h2 img {
  margin: 20px 0 0;
  width: 200px;
  background: #333;
}

.building#size480 #contents_head .pagenation {
  top: 10px;
}

.building#size318 #contents_head .pagenation {
  top: 10px;
}

.building #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.building#size795 #contents_head .social_media {
  left: 10px;
}

.building#size720 #contents_head .social_media {
  left: 10px;
}

/* ----------------------------------------------------------------------------
エリア改修後
  ---------------------------------------------------------------------------- */
#area_v2 {
  font-size: 13px;
  line-height: 23px;
  text-align: justify;
  text-justify: inter-ideograph; /* IE用 */
}
#area_v2 .vol {
  margin: 0;
  padding: 0;
  line-height: 1;
}
@media (max-width: 736px) {
  #area_v2 .vol img {
    width: 100%;
    max-width: 300px;
    height: auto;
  }
}
#area_v2 h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 30px 0 0 0;
  padding: 0;
  line-height: 1.5;
}
#area_v2 p {
  margin: 20px 0 0 0;
  padding: 0;
}
#area_v2 .frame {
  margin: 20px 0 0 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 811px) {
  #area_v2 .frame {
    flex-direction: column;
  }
  #area_v2 .frame div:last-child {
    margin-top: 20px;
  }
}
#area_v2 .frame .img {
  line-height: 1;
}
#area_v2 .frame .img img {
  width: 100%;
  height: auto;
}
#area_v2 .frame .w50 {
  width: 433px;
}
@media (max-width: 1024px) {
  #area_v2 .frame .w50 {
    width: 49%;
  }
}
@media (max-width: 811px) {
  #area_v2 .frame .w50 {
    width: 100%;
  }
}
#area_v2 .frame .w660 {
  width: 660px;
}
@media (max-width: 811px) {
  #area_v2 .frame .w660 {
    width: 100%;
  }
}
#area_v2 .frame .w200 {
  width: 200px;
}
@media (max-width: 811px) {
  #area_v2 .frame .w200 {
    width: 100%;
  }
}
#area_v2 h4 {
  display: flex;
  font-size: 24px;
  font-weight: bold;
  margin: 40px 0 0 0;
  padding: 0;
}
#area_v2 h4 span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  width: 25px;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  margin: -4px 8px 0 0;
  background: #000;
  border-radius: 4px;
}
#area_v2 h4 .txt {
  flex: 1;
}
#area_v2 h5 {
  font-size: 18px;
  font-weight: bold;
  margin: 25px 0 0 0;
  padding: 0;
}
#area_v2 .border {
  margin: 30px 0 0 0;
  background: none;
  border: #ccc 1px solid;
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
}
#area_v2 .border .sub {
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-right: 5px;
  margin-bottom: 15px;
}
#area_v2 .border .sub img {
  margin-left: 5px;
}
#area_v2 .border .sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}
#area_v2 .border .sliderArea .slick-slide {
  margin: 0 5px;
  transition: all ease-in-out 0.3s;
  opacity: 0.2;
}
#area_v2 .border .sliderArea .slick-slide a {
  height: 100%;
  width: 100%;
  display: block;
}
#area_v2 .border .sliderArea .slick-slide img {
  width: 254px;
}
@media (max-width: 1024px) {
  #area_v2 .border .sliderArea .slick-slide img {
    width: 100%;
  }
}
#area_v2 .border .sliderArea .slick-slide.slick-active {
  opacity: 1;
}
#area_v2 .border .sliderArea .slick-slide.slick-current {
  opacity: 1;
}
#area_v2 .border .sliderArea .slick-prev, #area_v2 .border .sliderArea .slick-next {
  z-index: 1;
}
#area_v2 .border .sliderArea .slick-prev:before, #area_v2 .border .sliderArea .slick-next:before {
  color: #000;
}
#area_v2 .btn {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
#area_v2 .btn a img {
  width: 100%;
  height: auto;
}

#company-outline h2 {
  font-size: 140%;
}
/* ----------------------------------------------------------------------------
 その道のプロに聞く
---------------------------------------------------------------------------- */
.pro #contents_body {
  margin: 0 59px 30px;
}

.pro #contents_head_inner {
  position: relative;
}

.pro#size795 #contents_head .bg.pc {
  width: 795px;
}

.pro#size720 #contents_head .bg.pc {
  width: 720px;
}

.pro#size480 #contents_head .bg.pc {
  display: none;
}

.pro#size318 #contents_head .bg.pc {
  display: none;
}

.pro #contents_head .bg.sp {
  display: none;
}

.pro#size795 #contents_head .bg.sp {
  display: none;
}

.pro#size720 #contents_head .bg.sp {
  display: none;
}

.pro#size480 #contents_head .bg.sp {
  width: 480px;
  display: block;
}

.pro#size318 #contents_head .bg.sp {
  width: 318px;
  display: block;
}

.pro #contents_head h2 {
  position: absolute;
  width: 350px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 23, 82, 0.8);
}

.pro#size795 #contents_head h2 {
  width: 281px;
}

.pro#size720 #contents_head h2 {
  width: 261px;
}

.pro#size480 #contents_head h2,
.pro#size318 #contents_head h2 {
  width: 100%;
  left: 0;
  background: none;
}

.pro #contents_head h2 img {
  margin-top: 40px;
}

.pro#size795 #contents_head h2 img {
  margin-top: 30px;
  width: 220px;
  height: auto;
}

.pro#size720 #contents_head h2 img {
  margin-top: 30px;
  width: 190px;
  height: auto;
}

.pro#size480 #contents_head h2 img {
  margin-top: 15px;
  width: 180px;
  height: auto;
}

.pro#size318 #contents_head h2 img {
  margin-top: 10px;
  width: 120px;
  height: auto;
}

.pro #contents_head .social_media {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.pro #contents_body .vol_text {
  display: none;
}

.pro #contents_body .blocks {
  clear: both;
  margin-bottom: 35px;
}

.pro #contents_body .blocks .txt {
  width: 100%;
}

.pro #contents_body .blocks .left {
  float: left;
  width: 48%;
}

.pro #contents_body .blocks .left img {
  width: 100%;
  height: auto;
}

.pro#size480 #contents_body .blocks .left img {
  max-width: 420px;
  height: auto;
  margin: 0 auto;
}

.pro#size480 #contents_body .blocks .left,
.pro#size318 #contents_body .blocks .left {
  float: none;
}

.pro #contents_body .blocks .right {
  float: right;
  width: 48%;
}

.pro #contents_body .blocks .right img {
  width: 100%;
  height: auto;
}

.pro#size480 #contents_body .blocks .right,
.pro#size318 #contents_body .blocks .right {
  width: 100%;
  float: none;
}

.pro#size480 #contents_body .blocks .txt,
.pro#size318 #contents_body .blocks .txt {
  width: 100%;
}

.pro#size480 #contents_body .blocks .left .innerImg,
.pro#size318 #contents_body .blocks .left .innerImg,
.pro#size480 #contents_body .blocks .right .innerImg,
.pro#size318 #contents_body .blocks .right .innerImg {
  text-align: center;
  margin-bottom: 20px;
}

.pro #contents_body .blocks p {
  font-size: 100%;
  line-height: 180%;
  margin-bottom: 25px;
}

.pro #contents_body .blocks .img {
  min-width: 274px;
  max-width: 100%;
}

.pro#size795 #contents_body .blocks .img img,
.pro#size720 #contents_body .blocks .img img,
.pro#size480 #contents_body .blocks .img img,
.pro#size318 #contents_body .blocks .img img {
  max-width: 100%;
  height: auto;
}

.pro#size318 #contents_body .blocks h3 {
  margin-bottom: 30px;
}

.pro#size795 #contents_body .blocks h3 img,
.pro#size720 #contents_body .blocks h3 img,
.pro#size480 #contents_body .blocks h3 img,
.pro#size318 #contents_body .blocks h3 img {
  width: 100%;
  height: auto;
}

.pro#size480 #contents_body .blocks h3 img,
.pro#size318 #contents_body .blocks h3 img {
  margin-bottom: 0;
}

.pro#size480 #contents_body .blocks .img,
.pro#size318 #contents_body .blocks .img {
  text-align: center;
}

.pro #contents_body .blocks img {
  display: inline;
  margin: 0 0 25px;
}

.pro #contents_body .blocks h4 img {
  margin: 10px 0 5px;
  max-width: 100%;
  height: auto;
}

.pro #contents_body .blocks h4 img.pc {
  display: block;
}

.pro #contents_body .blocks h4 img.sp {
  display: none;
}

.pro#size318 #contents_body .blocks h4 img.pc {
  display: none;
}

.pro#size318 #contents_body .blocks h4 img.sp {
  display: block;
}

.pro #contents_body .note {
  margin-bottom: 40px;
  padding: 15px 12px;
  border: 1px solid #CCC;
  background: #f0f0f0;
}

.pro #contents_body .note h5 {
  margin-bottom: 10px;
}

.pro #contents_body .note p {
  font-size: 95%;
  line-height: 21px;
}

.pro #contents_body .links {
  margin-bottom: 20px;
}

.pro #contents_body .links li {
  margin-bottom: 5px;
}

.pro #contents_body .links a {
  color: #000;
}

.pro#size480 #contents_body .blocks .left, .pro#size318 #contents_body .blocks .left {
  float: left;
  width: 100%;
}

.pro #contents_body .blocks {
  clear: both;
  margin-bottom: 25px;
}

.pro#size318 #contents_body .blocks {
  clear: both;
  margin-bottom: 10px;
}

.pro #contents_body .blocks h3 {
  margin-bottom: 0;
}

.pro #contents_body .blocks .lead {
  font-size: 16px;
  line-height: 28px;
  margin-top: 30px;
}

.pro #contents_body .blocks {
  line-height: 180%;
  text-align: justify;
  text-justify: inter-ideograph;
}

.pro #contents_body .blocks img {
  display: inline;
  margin: 0 0 0;
}

.pro #contents_body .blocks h4 {
  margin-top: 40px;
}

.pro#size318 #contents_body .blocks h4 {
  margin-top: 20px;
}

.pro#size480 #contents_body .blocks .left .innerImg, .pro#size318 #contents_body .blocks .left .innerImg, .pro#size480 #contents_body .blocks .right .innerImg, .pro#size318 #contents_body .blocks .right .innerImg {
  text-align: center;
  margin-bottom: 0;
}

.pro#size480 #contents_body .blocks .img img, .pro#size318 #contents_body .blocks .img img, .pro#size480 #contents_body .blocks .img .youtube, .pro#size318 #contents_body .blocks .img .youtube {
  margin-top: 10px;
}

.pro #contents_body .blocks .img {
  min-width: inherit;
  text-align: center;
}
.pro #contents_body .blocks .img .cap {
  margin: 10px;
  line-height: 1.5;
  font-size: 10px;
}

.pro #contents_body .blocks .w68 {
  width: 68% !important;
}

.pro #contents_body .blocks .w28 {
  width: 28% !important;
}

.pro#size480 #contents_body .blocks .w68, .pro#size318 #contents_body .blocks .w68, .pro#size480 #contents_body .blocks .w28, .pro#size318 #contents_body .blocks .w28 {
  width: 100% !important;
}

.pro #contents_body .blocks .left .innerImg .youtube {
  display: flex;
  align-items: center;
  height: 327px;
  background: #eee;
}
@media (max-width: 736px) {
  .pro #contents_body .blocks .left .innerImg .youtube {
    height: auto;
  }
}
.pro #contents_body .blocks .left .innerImg .youtube .youtube_inner {
  width: 100%;
  aspect-ratio: 16/9;
}
.pro #contents_body .blocks .left .innerImg .youtube .youtube_inner iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 736px) {
  .pro #contents_body .blocks img.mt0 {
    margin-top: 0 !important;
  }
}

.pro #contents_body .note-frame {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 736px) {
  .pro #contents_body .note-frame {
    flex-direction: column;
  }
}
.pro #contents_body .note-frame .txt {
  max-width: 740px;
}
@media (max-width: 736px) {
  .pro #contents_body .note-frame .txt {
    max-width: 100%;
  }
}
.pro #contents_body .note-frame .txt a {
  color: #0000ff;
}
.pro #contents_body .note-frame .img {
  max-width: 100px;
}
@media (max-width: 736px) {
  .pro #contents_body .note-frame .img {
    max-width: 100%;
    width: 30%;
    margin: 0 auto;
  }
}
.pro #contents_body .note-frame .img img {
  width: 100%;
  height: auto;
}

.pro #contents_body .note.advice {
  border-color: #3B528D;
  background: #F4F6FB;
}
.pro #contents_body .note.advice h5 {
  color: #3B528D;
}/*# sourceMappingURL=style.css.map */