/* style.css */



/* 
-----------------------------------------------------------------*/
p .toptxt{
    color: #3A3A3A;
}

p {
    color: #3A3A3A;
}
.report .col-md-4 img {
	width: 100%;
	height: auto;
	box-shadow: 0 2px 20px rgba(153,153,153,0.3);
    transition: .3s;
	border: 1px solid #ebe9dc;
}

.gtco-nav {
	padding: 30px 0 10px;
}

h2 {
	font-size: 25px;
}

ul.info_area {

}

ul.info_area li {

}

ul.info_area li span {
	margin-right: 1rem;
    color: #3A3A3A;
}

.navbar-brand {
    float: left;
    padding: 5px 15px;
}

.navbar-default {
    background-color: #FFF;
    border-color: #FFF;
    padding: 30px 0 10px;
}

.dropdown-menu > li > a {
    display: block;
    padding: 15px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.gtco-nav-toggle {
    display: none;
}

p.h1_dummy {
	color: #000;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 400;
    margin: 0 0 20px 0;
	font-size: 40px;
    line-height: 1.2 !important;
    margin-bottom: 30px !important;
    color: #222222;
    font-weight: 100;
}

@media (min-width: 992px) {
table.formtable th {
	width: 23%;
}
}

.report h3 {
    font-size: 32px;
    padding-top: 5px;
}

.report ul {

}

.report ul li {
	list-style: none;
	font-size: 22px;
    line-height: 1.8;
}

.report ul li a, .report ul li a:hover {
	font-size: 22px;
    line-height: 1.8;
}

/*
@media screen and (max-width: 4000px) {
.report ul li:nth-of-type(1):before {
    content: "";
    background: url(./images/report_bf.png) 0 no-repeat;
    background-size: cover;
    height: 26px;
    width: 34px;
    position: absolute;
    bottom: 96px;
    left: 15px;
    padding-right: 16px;
}

.report ul li:nth-of-type(2):before {
    content: "";
    background: url(./images/data_bf.png) 0 no-repeat;
    background-size: cover;
    height: 26px;
    width: 26px;
    position: absolute;
    bottom: 57px;
    left: 19px;
    padding-right: 16px;
}

.report ul li:nth-of-type(3) a:before {
    content: "";
    background: url(./images/web_bf.png) 0 no-repeat;
    background-size: cover;
    height: 26px;
    width: 33px;
    position: absolute;
    bottom: 18px;
    left: 15px;
    padding-right: 16px;
}
}

@media screen and (max-width: 768px) {
.report ul li:nth-of-type(1):before {
    content: "";
    background: url(./images/report_bf.png) 0 no-repeat;
    background-size: cover;
    height: 26px;
    width: 34px;
    position: absolute;
    bottom: 86px;
    left: 15px;
    padding-right: 16px;
}

.report ul li:nth-of-type(2):before {
    content: "";
    background: url(./images/data_bf.png) 0 no-repeat;
    background-size: cover;
    height: 26px;
    width: 26px;
    position: absolute;
    bottom: 46px;
    left: 19px;
    padding-right: 16px;
}

.report ul li:nth-of-type(3) a:before {
    content: "";
    background: url(./images/web_bf.png) 0 no-repeat;
    background-size: cover;
    height: 26px;
    width: 33px;
    position: absolute;
    bottom: 9px;
    left: 15px;
    padding-right: 16px;
}
}
*/

@media screen and (max-width: 4000px) {
.research h3 {
	font-size: 28px;
	font-weight: 600;
	margin-top: -10px;
    color: #6A6A6A;
    }

.research ul {
	padding: 0; margin: 0;
}

.research ul li {
    font-size: 14px;
    list-style: none;
    float: left;
    width: 13.5%;
    background: #EEE;
    padding: 58px 20px;
    height: 140px;
    margin-right: 6px;
    margin-left: 6px;
}

.research ul li a {
    font-size: 14px;
	background: #EEE;
}

.research ul li:first-of-type {
	width: 25%;
	background: #FFF;
    border: 1px solid #4E4E4E;
}

.research ul.res_ul li:nth-of-type(5) a,
.research ul.work_ul li:nth-of-type(2) a,
.research ul.work_ul li:nth-of-type(3) a,
.research ul.work_ul li:nth-of-type(4) a,
.research ul.stu_ul li:nth-of-type(5) a {
    position: relative;
    top: -10px;
}
}

@media screen and (max-width: 768px) {
.research h3 {
	font-size: 20px;
	font-weight: 600;
	margin-top: -5px;
}

.research ul {
	padding: 0; margin: 0;
}

.research ul li {
    font-size: 14px;
    list-style: none;
    float: left;
    width: 13.5%;
    background: #EEE;
    padding: 58px 20px;
    height: 140px;
    margin-right: 6px;
    margin-left: 6px;
}

.research ul li a {
    font-size: 14px;
	background: #EEE;
    position: relative;
    top: -10px;
}

.research ul li:first-of-type {
	width: 20%;
	background: #FFF;
    border: 1px solid #323232;
}

.research ul.res_ul li:nth-of-type(5) a,
.research ul.work_ul li:nth-of-type(2) a,
.research ul.work_ul li:nth-of-type(3) a,
.research ul.work_ul li:nth-of-type(4) a,
.research ul.stu_ul li:nth-of-type(5) a {
    position: relative;
    top: -30px;
}
}

@media screen and (max-width: 480px) {
.research h3 {
	font-size: 20px;
	font-weight: 600;
	margin-top: 0;
}

.research ul {
	padding: 0; margin: 0;
}

.research ul li {
    font-size: 14px;
    list-style: none;
    float: left;
    width: 100%;
    background: #EEE;
    padding: 10px 20px;
    height: 50px;
    margin-right: 6px;
    margin-left: 6px;
}

.research ul li a {
    font-size: 14px;
	background: #EEE;
    position: relative;
    top: 0;
}

.research ul li:first-of-type {
	width: 100%;
	background: #FFF;
    border: 1px solid #323232;
    }

.research ul.res_ul li:nth-of-type(5) a,
.research ul.work_ul li:nth-of-type(2) a,
.research ul.work_ul li:nth-of-type(3) a,
.research ul.work_ul li:nth-of-type(4) a,
.research ul.stu_ul li:nth-of-type(5) a {
    position: relative;
    top: 0;
}
}

/*  Book slider
-------------------------------------------------*/
@media screen and (max-width: 4000px) {
.new {
  list-style-type: none!important;
  overflow: hidden;
/*background-color:#FFF;
  box-shadow: 0 2px 5px #999;
  padding:10px 0!important;*/
  width: 100%;
  height:275px;
  margin-left:0!important;
  margin-top:2em!important;
  margin-bottom:2em!important;

	padding: 0; margin: 0;
}

.slide{
  list-style-type: none!important;
  overflow: hidden;
/*  background-color:#FFF;
  box-shadow: 0 2px 5px #999;
  padding:10px 0!important;*/
  width: 100%;
  height:275px;
  margin-left:0!important;
  margin-top:2em!important;
  margin-bottom:2em!important;
  zoom: 1;
}

.new li,
.slide li{
  float:left;
  margin-left:17px;
}
.new li p{
	color: #FFF;
	font-weight: 600;
	margin-bottom: 10px;
	border: 1px solid #CCC;
    padding: 4px 0;
    background-color: #FF0000;
}
.slide li p{
	color: #333;
	font-weight: 600;
	margin-bottom: 10px;
	border: 1px solid #CCC;
    padding: 4px 0;
}

.new li img,
.slide li img{
/*	width: 150px;
	height: auto;*/
	height: 230px;
	width: auto;
}

.slide:before,
.slide:after{
    content: " ";
    display: table;
}
 

.slide:after{
    clear: both;
}
}

@media screen and (max-width: 768px) {
.new {
  list-style-type: none!important;
  overflow: hidden;
/*  background-color:#FFF;
  box-shadow: 0 2px 5px #999;
  padding:10px 0!important;*/
  width: 100%;
  height:275px;
  margin-left:0!important;
  margin-top:2em!important;
  margin-bottom:2em!important;

	padding: 0; margin: 0;
}

.slide{
  list-style-type: none!important;
  overflow: hidden;
/*  background-color:#FFF;
  box-shadow: 0 2px 5px #999;
  padding:10px 0!important;*/
  width: 100%;
  height:275px;
  margin-left:0!important;
  margin-top:2em!important;
  margin-bottom:2em!important;
  zoom: 1;
}

.new li,
.slide li{
  float:left;
  margin-left:17px;
}

.new li p,
.slide li p{
	color: #333;
	font-weight: 600;
	margin-bottom: 10px;
	border: 1px solid #CCC;
    padding: 4px 0;
}

.new li img,
.slide li img{
/*	width: 150px;
	height: auto;*/
	height: auto;
	width: 190px;
}

.slide:before,
.slide:after{
    content: " ";
    display: table;
}
 

.slide:after{
    clear: both;
}
}

@media screen and (max-width: 480px) {
.new {
  list-style-type: none!important;
  overflow: hidden;
/*  background-color:#FFF;
  box-shadow: 0 2px 5px #999;
  padding:10px 0!important;*/
  width: 100%;
  height:275px;
  margin-left:0!important;
  margin-top:2em!important;
  margin-bottom:2em!important;

	padding: 0; margin: 0;
}

.slide{
  list-style-type: none!important;
  overflow: hidden;
/*  background-color:#FFF;
  box-shadow: 0 2px 5px #999;
  padding:10px 0!important;*/
  width: 100%;
  height:275px;
  margin-left:0!important;
  margin-top:2em!important;
  margin-bottom:2em!important;
  zoom: 1;
}

.new li,
.slide li{
  float:left;
  margin-left:17px;
}

.new li p,
.slide li p{
	color: #333;
	font-weight: 600;
	margin-bottom: 10px;
	border: 1px solid #CCC;
    padding: 4px 0;
}

.new li img,
.slide li img{
/*	width: 150px;
	height: auto;*/
	height: auto;
	width: 190px;
}

.slide:before,
.slide:after{
    content: " ";
    display: table;
}
 

.slide:after{
    clear: both;
}
}

/*  Book page
-------------------------------------------------*/
.book img {
	width: 100%;
	height: auto;
}

.am_button {
    margin-top: 30px;
	margin-bottom: 60px;
}

.booksh3{
    font-size: 24px;
}
.booksh4{
    font-size: 17px;
}

.new02{
	color: #FFF;
	font-weight: 600;
	margin-bottom: 10px;
	border: 1px solid #CCC;
    padding: 4px 0;
    background-color: #FF0000;
    text-align: center;
}

/*  topix page
-------------------------------------------------*/
.topix_box {
  padding: 1em;
}

/*  追記 2019/01/08
-------------------------------------------------*/
#page .report h4 { margin-bottom: 10px; }
#page .report h3 { margin-bottom: 15px; }

.report li img {
    width: initial;
    height: auto;
    box-shadow: none;
    transition: .3s;
    border: 0;
}

h2.font-s-20 { font-size: 23px; color: #c00000; font-weight: 600;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
/* 追記　2019/03/25
「飲食するヘルシー」を追加したためCSS追加
-------------------------------------------------*/
h2.hi-head{
    font-size:23px;
    font-weight:300;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#333;
}
.hi-head-color{
    color:#c00000;
    font-size:23px;
}
div.hi-head-color{
    color:#c00000;
}
h4.hi-caption-size{
    font-size:18px;
}
.head-size{
    size:22px;
    font-weight:400;
}
.caption-flex{
    display:flex;
    justify-content:flex-end;
}
.bottom-5{
    margin-bottom:5px;
}
.caption-inner{
    font-size:0.8em;
    color:#999;
}
.img-border{
    border:solid #000 1px;
}
.hi-gtco-heading{
    margin-bottom:2em;
}
.hi-gtco-section{
    padding:2em 0 1em 0;
}
.text-sizing{
    font-size:18px;
    line-height: 1.4;
    color:#898989;
}