/* ==========================================================================
1. IMPORT GOOGLE FONTS
========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,700|Open+Sans");
/* ==========================================================================
2. GENERAL
========================================================================== */
body {
  font-family: "Arial", "メイリオ";
font-weight:300;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  background: #fff;
  overflow-x: hidden;
}
@media screen and (min-width:769px){
span.privacy-policy-2 a{
	text-decoration: underline;
	color:rgba(16,92,157,1);
	line-height: 1.8em;
}
span.privacy-policy-2 a:hover{
	text-decoration: underline;
	color: #000;
	line-height: 1.8em;
}
}
@media screen and (max-width:768.98px){
span.privacy-policy-2 a{
	text-decoration: underline;
	color:rgba(16,92,157,1);
	line-height: 1.8em;
}
span.privacy-policy-2 a:hover{
	text-decoration: underline;
	color: #000;
	line-height: 1.8em;
}
}
@media screen and (min-width:769px){
p.privacy-policy a{
	text-decoration: underline;
	color: rgba(106,155,197,1.00);
	line-height: 1.8em;
}
p.privacy-policy a:hover{
	text-decoration: underline;
	color: #FFF;
	line-height: 1.8em;
}
}
@media screen and (max-width:768.98px){
p.privacy-policy a{
	text-decoration: underline;
	color: rgba(106,155,197,1.00);
	line-height: 1.8em;
}
p.privacy-policy a:hover{
	text-decoration: underline;
	color: #FFF;
	line-height: 1.8em;
}
}
@media screen and (min-width:769px){
p {
  font-size: 18px;
  color: #000;
  line-height: 36px;
  font-family: "Arial", "メイリオ";
font-weight:300;
  margin-bottom: 0;
}
}
@media screen and (max-width:768px){
p {
  font-size: 16px;
  color: #000;
  line-height: 32px;
  font-family: "Arial", "メイリオ";
font-weight:300;
  margin-bottom: 0;
}
}
a:hover,
a:focus {
	color:rgba(11,62,106,1.00);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a {
  color:rgba(16,92,157,1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
h1,
h2,
h3,
h4,
h5 {
  font-family:"Arial", "メイリオ";
font-weight:300;
  font-size: 40px;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}
a:not([href]):not([tabindex]) {
  color: #fff;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: #fff;
}
.bg-transparent {
  background: transparent !important;
}
.bg-defult {
  background: #F97794 !important;
}
/* ==========================================================================
2.2 Buttons
========================================================================== */
.btn {
  font-size: 14px;
  padding: 10px 30px;
  border-radius: 30px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}
.btn:focus,
.btn:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  color: #fff;
}
.btn-common {
  background-color: none;
  position: relative;
  z-index: 1;
  padding: 12px 32px;
  border-radius: 2px;
}
.btn-common:hover {
  color: #fff;
}
.btn.with-arrow {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn.with-arrow i {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn.with-arrow:hover {
  padding-right: 50px;
}
.btn.with-arrow:hover i {
  color: #fff;
  right: 18px;
  visibility: visible;
  opacity: 1;
}
.btn-effect {
  overflow: hidden;
}
.btn-primary {
  background: #27E1CE;
  color: #fff;
  border: 2px solid #27E1CE;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #3de4d3 !important;
  border-color: #3de4d3 !important;
}
.btn-primary.btn-outline {
  background: transparent;
  color: #27E1CE;
  border: 2px solid #27E1CE;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: #27E1CE;
  color: #fff;
}
#fh5co-hero .btn.btn-primary {
  padding: 14px 30px !important;
}
.btn-effect:after {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-effect:hover:after {
  width: 100%;
}
.btn-border {
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.btn-border:hover {
  color: #ffffff;
  background-color: #F97794;
}
.btn-lg {
  padding: 14px 33px;
  text-transform: uppercase;
  font-size: 16px;
}
.btn-rm {
  padding: 7px 10px;
  text-transform: capitalize;
}
button:focus {
  outline: none !important;
}
.clear {
  clear: both;
}
@media screen and (min-width:769px){
.btn-blue-margin {
	margin: 1.5em 0;
}
.btn-blue {
	display: block;
	border: 1px solid rgba(16,92,157,.8);
	padding: 1em .3em;
	font-size: 20px;
	background:repeating-linear-gradient(45deg, rgba(16,92,157,0.8) 0px, rgba(16,92,157,0.7) 10px, rgba(16,92,157,0.8) 10px, rgba(16,92,157,.7) 10px);
	text-align: center;
	width:100%;
	color:rgba(255,255,255,1);
	margin-bottom: 0;
}
.btn-blue:hover {
	display: block;
	border: 1px solid rgba(16,92,157,1);
	color: rgba(255,255,255,1);
	background:repeating-linear-gradient(45deg, rgba(16,92,157,.9) 0px, rgba(16,92,157,1) 10px, rgba(16,92,157,.9) 10px, rgba(16,92,157,1) 10px);
}
}
@media screen and (max-width:768px){
.btn-blue-margin {
	margin: 1.5em 0;
}
.btn-blue {
	display: block;
	border: 1px solid rgba(16,92,157,.8);
	padding: 1em .3em;
	font-size: 20px;
	background:repeating-linear-gradient(45deg, rgba(16,92,157,0.8) 0px, rgba(16,92,157,0.7) 10px, rgba(16,92,157,0.8) 10px, rgba(16,92,157,.7) 10px);
	text-align: center;
	width:100%;
	color:rgba(255,255,255,1);
	margin-bottom: 0;
}
.btn-blue:hover {
	display: block;
	border: 1px solid rgba(16,92,157,1);
	color: rgba(255,255,255,1);
	background:repeating-linear-gradient(45deg, rgba(16,92,157,.9) 0px, rgba(16,92,157,1) 10px, rgba(16,92,157,.9) 10px, rgba(16,92,157,1) 10px);
}
}
/* ==========================================================================
Footer Style
========================================================================== */
.block-title {
	font-size: 18px;
	font-weight: 500;
	color:rgba(255,255,255,.5);
	margin-bottom: .7em;
	text-transform: uppercase;
	position: relative;
	border-bottom: 1px solid rgba(181,216,247,1);
	padding-bottom: .5em;
	width:90%;
	margin-top:.5em;
}
footer .footer-Content {
  background-color: rgba(9,53,91,1.00);
  padding: 60px 0 20px;
  color: #FFF;
}
footer .menu {
  padding-left: 0;
	font-size: 18px;
	line-height: 1em;
}
footer .menu li {
  padding-bottom: 12px;
}
footer .menu li a {
	color: #FFF;
	line-height: 1em;
}
footer .menu li a:hover {
  color:rgba(181,216,247,1);
}
.copyright  p{
  padding: 20px 0 80px;
  border-top: 1px solid #eaeaea;
  color: #FFF;
	text-align: center;
	font-size: 14px;
	margin-top: 1em;
}
@media screen and (max-width:1200px){
.block-title {
	font-size: 14px;
}
.copyright  p{
	font-size: 12px;
}
footer .menu {
  padding-left: 0;
	font-size: 14px;
	line-height: 1em;
}
footer .footer-Content {
  background-color: rgba(9,53,91,1.00);
  padding: 20px 0 20px;
  color: #FFF;
}
}
@media screen and (min-width:769px){
.ttl-border-blue{
	border: rgba(16,92,157,1) solid 2px;
	width: 40px;
	margin: 0 auto;
	margin-top:5px;
	margin-bottom: 10px;
}
.ttl-sub-blue{
	text-align: center;
	font-size:16px;
	color:rgba(16,92,157,1);
	font-family: "Arial", "メイリオ";
font-weight:300;
}
.desc-blue h3 {
	font-size: 28px;
	text-align: center;
	color:rgba(16,92,157,1);
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-top: .5em;
	margin-bottom: 1em;
}
.desc-blue h2 {
	font-size: 28px;
	text-align: center;
	color:rgba(16,92,157,1);
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-top: 0em;
	margin-bottom: 1em;
	line-height: 1.8em;
}

#section05{
	padding: 3em 0 1em;
	margin: 0 auto;
}
#section08{
	padding: 3em 0 1em;
	margin: 0 auto;
	background:rgba(16,92,157,.15);
}
#index-news-section,#white-president-section ,#section01 ,#section02 ,#section03 ,#section04{
	padding: 3em 0;
	margin: 0 auto;
}
#voice-introduce-section{
	padding: 2em 0;
	margin: 0 auto;
	background-color:rgba(16,92,157,1);
}
}
@media screen and (max-width:768px){
.ttl-border-blue{
	border: rgba(16,92,157,1) solid 2px;
	width: 30px;
	margin: 0 auto;
	margin-top:5px;
	margin-bottom: 10px;
}
.ttl-sub-blue{
	text-align: center;
	font-size:16px;
	color:rgba(16,92,157,1);
	font-family: "Arial", "メイリオ";
font-weight:300;
}
.desc-blue h3 {
	font-size: 24px;
	text-align: center;
	color:rgba(16,92,157,1);
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-bottom: 1em;
}
.desc-blue h2 {
	font-size: 24px;
	text-align: center;
	color:rgba(16,92,157,1);
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-bottom: 1em;
	margin-top:0;
	line-height: 1.8em;
}
#section05{
	padding: 2em 0 1em;
	margin: 0 auto;
}
#section08{
	padding: 2em 0 1em;
	margin: 0 auto;
	background:rgba(16,92,157,.15);
}
#index-news-section,#white-president-section ,#section01 ,#section02 ,#section03 ,#section04{
	padding: 2em 0;
	margin: 0 auto;
}
#voice-introduce-section{
	padding: 2em 0;
	margin: 0 auto;
	background-color:rgba(16,92,157,1);
}
}
@media screen and (min-width:769px){
.ttl-border-white{
	border: #FFF solid 2px;
	width: 40px;
	margin: 0 auto;
	margin-top:5px;
	margin-bottom: 10px;
}
.ttl-sub-white{
	text-align: center;
	font-size:16px;
	color:#FFF;
	font-family: "Arial", "メイリオ";
font-weight:300;
}
.desc-white h3 {
	font-size: 36px;
	text-align: center;
	color:#FFF;
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-top: .5em;
	margin-bottom: 1em;
}
.desc-white h2 {
	font-size: 36px;
	text-align: center;
	color:#FFF;
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-top: .5em;
	margin-bottom: 0em;
	line-height: 1.8em;
}
.desc-white .subtext-white p {
	font-size: 18px;
	color:#FFF;
	margin-bottom: 2em;
}
}
@media screen and (max-width:768px){
.ttl-border-white{
	border: #FFF solid 2px;
	width: 30px;
	margin: 0 auto;
	margin-top:5px;
	margin-bottom: 10px;
}
.ttl-sub-white{
	text-align: center;
	font-size:16px;
	color:#FFF;
	font-family: "Arial", "メイリオ";
font-weight:300;
}
.desc-white h3 {
	font-size: 28px;
	text-align: center;
	color:#FFF;
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-bottom: 1em;
}
.desc-white h2 {
	font-size: 28px;
	text-align: center;
	color:#FFF;
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-bottom: 0em;
	line-height: 1.8em;
}
.desc-white .subtext-white p {
	font-size: 16px;
	color:#FFF;
	margin-bottom: 2em;
}
}
#index-news-section,#white-president-section ,#section01 ,#section02 ,#section03 ,#section04{
	padding: 4em 0;
	margin: 0 auto;
}
#index-life-section{
	padding: 4em 0;
	margin: 0 auto;
	background: url(../img/iwayoshi_index_body01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#index-town-section{
	padding: 4em 0;
	margin: 0 auto;
	background: url(../img/iwayoshi_index_body02.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#index-energy-section{
	padding: 4em 0;
	margin: 0 auto;
	background: url(../img/iwayoshi_index_body03.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#index-himeno-section{
	padding: 4em 0;
	margin: 0 auto;
	background: #FFF;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

@media screen and (max-width:768px){
#white-president-section ,#white-president-section ,#section01 ,#section02 ,#section03 ,#section04{
	padding: 2em 0;
	margin: 0 auto;
}
}
@media screen and (min-width:769px){
.ttl-border-white{
	border: rgba(255,255,255,1) solid 2px;
	width: 40px;
	margin: 0 auto;
	margin-top:5px;
	margin-bottom: 10px;
}
.ttl-sub-white{
	text-align: center;
	font-size:16px;
	color:rgba(255,255,255,1);
	font-family: "Arial", "メイリオ";
font-weight:300;
}
.desc-white h3 {
	font-size: 36px;
	text-align: center;
	color:rgba(255,255,255,1);
	margin-bottom: 2em;
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-top: .5em;
}
}
@media screen and (max-width:768px){
.ttl-border-white{
	border: rgba(255,255,255,1) solid 2px;
	width: 30px;
	margin: 0 auto;
	margin-top:5px;
	margin-bottom: 10px;
}
.ttl-sub-white{
	text-align: center;
	font-size:16px;
	font-family: "Arial", "メイリオ";
font-weight:300;
	
	color:rgba(255,255,255,1);	
}
.desc-white h3 {
	font-size: 28px;
	font-family: "Arial", "メイリオ";
font-weight:600;
	text-align: center;
	color:rgba(255,255,255,1);
	margin-bottom: 2em;
}
.desc-white h2 {
	font-size: 28px;
	font-family: "Arial", "メイリオ";
font-weight:600;
	text-align: center;
	color:rgba(255,255,255,1);
	margin-bottom: 1em;
}
}
@media screen and (min-width:769px){
.philosophy-ttl2 h3{
	font-size: 28px;
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.7em
}
.desc-blue2 h2 {
	font-size: 36px;
	color:rgba(16,92,157,1);
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-top: 0em;
	line-height: 1.8em;
}
}
@media screen and (max-width:768px){
.philosophy-ttl2 h3{
	font-size: 24px;
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.7em
}
.desc-blue2 h2 {
	font-size: 28px;
	color:rgba(16,92,157,1);
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-top: 0em;
	line-height: 1.8em;
}
}
.philosophy-text{
	font-size: 18px;
	font-family: "Arial", "メイリオ";
font-weight:300;
	text-align: center;
}
#top-under{
	margin: 0;
}
@media screen and (min-width:769px){
.top-business{
	margin: 0;
    overflow:hidden;
    height:300px;
	background: url("../img/iwayoshi_business_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-outline{
	margin: 0;
    overflow:hidden;
    height:300px;
	background: url("../img/iwayoshi_company_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-history{
	margin: 0;
    overflow:hidden;
    height:300px;
	background: url("../img/iwayoshi_history_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-philosophy{
	margin: 0;
    overflow:hidden;
    height:300px;
	background: url("../img/iwayoshi_philosophy_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-greetings{
	margin: 0;
    overflow:hidden;
    height:300px;
	background: url("../img/iwayoshi_greetings_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-facilities{
	margin: 0;
    overflow:hidden;
    height:300px;
	background: url("../img/iwayoshi_facilities_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-product{
	margin: 0;
    overflow:hidden;
    height:300px;
	background: url("../img/iwayoshi_product_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-information{
	margin: 0;
    overflow:hidden;
    height:300px;
	background: url("../img/iwayoshi_information_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-education{
	margin: 0;
    overflow:hidden;
    height:300px;
	background: url("../img/iwayoshi_education_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-entry{
	margin: 0;
    overflow:hidden;
    height:300px;
	background: url("../img/iwayoshi_entry_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-voice{
	margin: 0;
    overflow:hidden;
    height:300px;
	background: url("../img/iwayoshi_voice_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-advantage{
	margin: 0;
    overflow:hidden;
    height:300px;
	background: url("../img/iwayoshi_advantage_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-contact{
	margin: 0;
    overflow:hidden;
    height:300px;
	background: url("../img/iwayoshi_contact_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-initiatives{
	margin: 0;
    overflow:hidden;
    height:300px;
	background: url("../img/iwayoshi_initiatives_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
}
@media screen and (max-width: 768px){
.top-initiatives{
	margin: 0;
    overflow:hidden;
    height:250px;
	background: url("../img/iwayoshi_initiatives_top.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.top-contact{
	margin: 0;
    overflow:hidden;
    height:250px;
	background: url("../img/iwayoshi_contact_top.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.top-advantage{
	margin: 0;
    overflow:hidden;
    height:250px;
	background: url("../img/iwayoshi_advantage_top.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.top-product{
	margin: 0;
    overflow:hidden;
    height:250px;
	background: url("../img/iwayoshi_product_top.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.top-business{
	margin: 0;
    overflow:hidden;
    height:250px;
	background: url("../img/iwayoshi_business_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-outline{
	margin: 0;
    overflow:hidden;
    height:250px;
	background: url("../img/iwayoshi_company_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-history{
	margin: 0;
    overflow:hidden;
    height:250px;
	background: url("../img/iwayoshi_history_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-philosophy{
	margin: 0;
    overflow:hidden;
    height:250px;
	background: url("../img/iwayoshi_philosophy_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-greetings{
	margin: 0;
    overflow:hidden;
    height:250px;
	background: url("../img/iwayoshi_greetings_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-facilities{
	margin: 0;
    overflow:hidden;
    height:250px;
	background: url("../img/iwayoshi_facilities_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-information{
	margin: 0;
    overflow:hidden;
    height:250px;
	background: url("../img/iwayoshi_information_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-education{
	margin: 0;
    overflow:hidden;
    height:250px;
	background: url("../img/iwayoshi_education_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-entry{
	margin: 0;
    overflow:hidden;
    height:250px;
	background: url("../img/iwayoshi_entry_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.top-voice{
	margin: 0;
    overflow:hidden;
    height:250px;
	background: url("../img/iwayoshi_voice_top.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
}
@media screen and (min-width: 769px){
.top-under{
	height: 150px;
	display: block;
	padding-top: 0em;
	margin-top: 7em;
}
.top-under h1{
  font-size: 28px;
  color: #fff;
	text-align:center;
	font-family: "Arial", "メイリオ";
font-weight:600;
	line-height: 1em;
	padding-top: 0em;
	
}
.top-under-border{
	border: rgba(255,255,255,1) solid 1px;
	width: 40px;
	margin: 0 auto;
}
.top-under-en{
	text-align: center;
	font-size:16px;
	color:rgba(255,255,255,1);
	font-family: "Arial", "メイリオ";
font-weight:300;
	margin-bottom: 10px;
}
}
@media screen and (max-width: 768px) {
.top-under{
	height: 250px;
	display: block;
	padding-top: 6em;
}
.top-under h1{
  font-size: 24px;
	line-height: 1em;
	color: #fff;
	text-align:center;
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-top: .5em;
}
.top-under-border{
	border: rgba(255,255,255,1) solid 1px;
	width: 30px;
	margin: 0 auto;
}
.top-under-en{
	text-align: center;
	font-size:14px;
	color:rgba(255,255,255,1);
	font-family: "Arial", "メイリオ";
font-weight:300;
}
}
.data ,.data-history ,.data-facilities {
	width: 100%;
	border-top: 1px rgba(67,67,67,1.0) solid;
	font-size: 18px;
	font-family: "Arial", "メイリオ";
font-weight:300;
}
@media screen and (max-width:768px){
.data, .data-history,.data-facilities{
	width: 100%;
	border-top: 1px rgba(67,67,67,1.0) solid;
	font-size: 16px;
	margin-top: 1em;
	font-family: "Arial", "メイリオ";
font-weight:300;
}
}
@media screen and (min-width:769px){
.data div ,.data-history div ,.data-facilities div {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin:0px;
}
.data dl ,.data-history dl , .data-facilities dl{
	margin-top: -1px;
	line-height: 2em;
	border-bottom: 1px rgba(67,67,67,1.0) solid;
}
.data dl:after ,.data-history dl:after ,.data-facilities dl:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.data dt {
	padding: 20px 10px 0 0px;
	float: left;
	width: 140px;
	border-top: 1px dotted rgba(67,67,67,1.0);
	font-weight: 600;
	line-height: 1.7em;
	text-align: left;
}
.data-history dt {
	padding: 20px 20px 0 0px;
	float: left;
	width: 200px;
	border-top: 1px dotted rgba(67,67,67,1.0);
	font-weight: 600;
	line-height: 1.7em;
}
.data-facilities dt {
	padding: 20px 20px 0 0px;
	float: left;
	width: 270px;
	border-top: 1px dotted rgba(67,67,67,1.0);
	font-weight: 600;
	line-height: 1.7em;
}
.data dt:after ,.data-facilities dt:after {
	content: "■";
	color: rgba(16,92,157,1);
}
.data-history dt:after{
	content: "▼";
	color: rgba(16,92,157,1);
}
.data dd {
	padding: 20px 20px 0 0;
	margin-bottom: 20px;
	margin-left: 140px;
	border-top: 1px dotted rgba(67,67,67,1.0);
	line-height: 1.7em;	
}
.data dd .box-area-text{
		margin: 0;
	    width: 50%;
		padding:0 1em 0 0;
		float: left;
		margin-bottom: 1.2em
}
.data-history dd {
	padding: 20px 20px 0 0;
	margin-bottom: 20px;
	margin-left: 200px;
	border-top: 1px dotted rgba(67,67,67,1.0);
	line-height: 1.7em;	
}
.data-facilities dd {
	padding: 20px 20px 0 0;
	margin-bottom: 20px;
	margin-left: 270px;
	border-top: 1px dotted rgba(67,67,67,1.0);
	line-height: 1.7em;	
}
.data-photo{
	margin: 0 0 1em 0
}
}
@media screen and (max-width:768px){
.data dt {
	padding: 10px;
	float: left;
	width: 100%;
	line-height: 1.7em;
	text-align: left;
	background: rgba(16,92,157,1);
	color:#FFF;
	margin-bottom: 1em;
}
.data-history dt:after{
	content: "▼";
	color: #FFF;
}
.data-history dt ,.data-facilities dt {
	padding: 10px;
	float: left;
	width: 100%;
	line-height: 1.7em;
	background: rgba(16,92,157,1);
	color:#FFF;
	margin-bottom: 1em;
}
.data dd {
	padding: 20px 0px 0px 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-top: 1px dotted rgba(67,67,67,1.0);
	line-height: 1.7em;	
	width:100%;
}
.data dd .box-area-text{
		margin: 0;
	    width: 100%;
}
.data-history dd ,.data-facilities dd {
	padding: 20px 0px 0px 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-top: 1px dotted rgba(67,67,67,1.0);
	line-height: 1.7em;	
	width:100%;
}
}
.map-area{
	margin-top: .5em ;
	margin-bottom: 1em ;
}
@media screen and (min-width:769px){
.president-ttl{
	font-size:20px;
	font-family: "教科書ICA R";
	line-height: 1em;
	margin-top: 1em;
}
.president-name{
	font-size:32px;
	line-height: 1.8em;
	font-family: "教科書ICA R";
	margin-top: .2em;
}
}

@media screen and (max-width:768px){
.president-ttl{
	font-size:16px;
	font-family: "教科書ICA R";
	line-height: 1em;
	margin-top: 1em;
}
.president-name{
	font-size:24px;
	line-height: 1.8em;
	font-family: "教科書ICA R";
	margin-top: .2em;
}
}
@media screen and (min-width:769px){
.philosophy-pickup {
	padding: 1em;
	border:2px solid rgba(16,92,157,1);
}
.philosophy-pickup .philosophy-ttl{
	text-align: center;
	font-size: 28px;
	font-family: "UD新ゴ DB";
	margin: 0 auto;
	margin-top: 0;
	line-height: 1.5em;
	padding: 0em;
	color:rgba(16,92,157,1);
}
.philosophy-pickup .philosophy-body{
	text-align: center;
	font-size: 20px;
	font-family: "UD新ゴ L";
}
}
@media screen and (max-width:768px){
.philosophy-pickup {
	padding: 1em;
	border:2px solid rgba(16,92,157,1);
	margin-bottom: 1em;
}
.philosophy-pickup .philosophy-ttl{
	text-align: center;
	font-size: 24px;
	font-family: "UD新ゴ DB";
	margin: 0 auto;
	margin-top: 0;
	line-height: 1.5em;
	padding: 0em;
	color:rgba(16,92,157,1);
}
.philosophy-pickup .philosophy-body{
	text-align: center;
	font-size: 16px;
	font-family: "UD新ゴ L";
}
}
@media screen and (min-width:769px){
.facilities-map-area-pc{
	width:100%;
	margin: 0 auto;
}
.facilities-map-area-sm img{
	display: none;
}
}
@media screen and (max-width:768px){
.facilities-map-area-pc img{
	display: none;
}
.facilities-map-area-sm img{
	width:100%;
	margin: 0 auto;
}
}
@media screen and (min-width:769px){
ol.initiatives-list{
	line-height: 2em;
	margin-top: 1.3em;
}
ol.initiatives-main-list{
	line-height: 1.3em;
	margin-top: 1.3em;
	font-size: 24px;
	color:rgba(16,92,157,1);
	font-family:"Arial", "メイリオ";
font-weight:600;
}
ol.initiatives-main-list li{
	margin-top: .7em;
}
.small-text{
	font-size: 18px;
	color: #000;
	font-family:"Arial", "メイリオ";
font-weight:300;
}
}
@media screen and (max-width:768px){
ol.initiatives-list{
	line-height: 2em;
	margin-top: 1.3em;
}
ol.initiatives-main-list{
	line-height: 1.3em;
	margin-top: 1.3em;
	font-size: 20px;
	color:rgba(16,92,157,1);
	font-family:"Arial", "メイリオ";
font-weight:600;
}
ol.initiatives-main-list li{
	margin-top: .7em;
}
.small-text{
	font-size: 16px;
	color: #000;
	font-family:"Arial", "メイリオ";
font-weight:300;
}
}
@media screen and (min-width:769px){
.ttl-ttl h3{
	margin: 0 auto;
	font-size: 24px;
	text-align: left;
	color:rgba(16,92,157,1);
	font-family:"Arial", "メイリオ";
font-weight:600;
	margin-bottom: 1em;
}
.body-text{
	font-family:"Arial", "メイリオ";
font-weight:300;
	margin: 0 auto;
	font-size: 18px;
	margin-bottom: 1em;
	text-align: left;
}
.responsive-area{
	margin: 0 auto;
	margin-bottom: 3em;
}
}
@media screen and (max-width:768px){
.ttl-ttl h3{
	margin: 0 auto;
	font-size: 20px;
	text-align: left;
	color:rgba(16,92,157,1);
	font-family:"Arial", "メイリオ";
font-weight:600;
	margin-bottom: 1em;
}
.body-text{
	font-family:"Arial", "メイリオ";
font-weight:300;
	margin: 0 auto;
	font-size: 16px;
	margin-bottom: 1em;
	text-align: left;
}
.responsive-area{
	margin: 0 auto;
	margin-bottom: 2em;
}
}
@media screen and (min-width:769px){
h2.under-ttl,h3.under-ttl{
	font-size:24px;
	font-weight: bold;
	color: rgba(16,92,157,1);
	line-height: 1.8em;
	margin-left: .8em;
}
h2.under-ttl:before,h3.under-ttl:before{
	content: '';
	width:13px;
	height: 35px;
	margin-top: .12em;
	left: 0px;
	background-color: rgba(16,92,157,1);
	position: absolute;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
}
@media screen and (min-width:769px){
h3.project-ttl{
	font-size:24px;
	font-weight: bold;
	color: rgba(16,92,157,1);
	line-height: 1.7em;
	margin-left: 160px;
}
h3.project-ttl:before{
	content: 'result';
	padding-left: 2em;
	padding-right: 2em;
	padding-top: .2em;
	padding-bottom: .3em;
	line-height: 1.3em;
	color:#FFF;
	font-size: 20px;
	margin-top: .12em;
	left: 13px;
	background-color: rgba(0,0,0,1);
	position: absolute;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
h2.under-ttl br,h3.under-ttl br{
	display: none;
}
}
@media screen and (max-width:768px){
h3.project-ttl{
	font-size:16px;
	font-weight: bold;
	color: rgba(16,92,157,1);
	line-height: 1.7em;
	margin-left: 62px;
}
h3.project-ttl:before{
	content: 'result';
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .2em;
	padding-bottom: .3em;
	line-height: 1.3em;
	color:#FFF;
	font-size: 12px;
	margin-top: .12em;
	left: 13px;
	background-color: rgba(0,0,0,1);
	position: absolute;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
}
@media screen and (max-width:768px){
h2.under-ttl,h3.under-ttl{
	font-size:16px;
	font-weight: bold;
	color: rgba(16,92,157,1);
	line-height: 1.7em;
	margin-left: .8em;
}
h2.under-ttl:before,h3.under-ttl:before{
	content: '';
	width:8px;
	height: 25px;
	margin-top: .1em;
	left: 15px;
	background-color: rgba(16,92,157,1);
	position: absolute;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
}
@media screen and (min-width:769px){
.rental-area {
	margin:0;
	border: 3px solid rgba(16,92,157,1);
	padding: 0;
	margin-bottom: 2em;
}
h3.rental-ttl{
	background: rgba(16,92,157,1);
	color:#FFF;
	margin:0;
	text-align: center;
	padding: .4em 0 .4em;
	font-size: 20px;
	margin-bottom: .5em;
}
}
@media screen and (max-width:768px){
.rental-area {
	margin:0;
	border: 2px solid rgba(16,92,157,1);
	padding: 0;
	margin-bottom: 2em;
}
h3.rental-ttl{
	background: rgba(16,92,157,1);
	color:#FFF;
	margin:0;
	text-align: center;
	padding: .4em 0 .4em;
	font-size: 16px;
	margin-bottom: .5em;
}
}

@media screen and (min-width: 769px) {
.img-container2{
	overflow: hidden;
	position: relative;
	opacity: 1;
	margin-bottom: 1.5em;
	border: 1px solid rgba(16,92,157,1);
	padding: 5px;
}
.img-container2:hover{
	overflow: hidden;
	position: relative;
	opacity: 1;
}
.img-container2 img{
	transition: all .2s ease-out;
}
.img-container2 img:hover{
	transform: scale(1.2);
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.img-container__img2{
	display: block;
	position: relative;
	z-index: 0;
	width:100%;
}
div.img--box2{
	width: 5px;
	height: 55px;
	top: 53px;
	left: 20px;
	font-size: 22px;
	background: #FFF;
	color: #FFF;
	position: absolute;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0 auto;
}
}
@media screen and (min-width: 769px) {
.img-container{
	overflow: hidden;
	position: relative;
	opacity: 1;
	margin-bottom: 1.5em;
	border: 1px solid #FFF;
	padding: 5px;
}
.img-container:hover{
	overflow: hidden;
	position: relative;
	opacity: 1;
}
.img-container img{
	transition: all .2s ease-out;
}
.img-container img:hover{
	transform: scale(1.2);
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.img-container__img{
	display: block;
	position: relative;
	z-index: 0;
	width:100%;
}
div.img--box{
	width: 40px;
	height: 55px;
	top: 53px;
	left: 30px;
	font-size: 22px;
	color: #FFF;
	position: absolute;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0 auto;
}
}
@media screen and (max-width: 768px) {
.img-container2{
	overflow: hidden;
	position: relative;
	opacity: 1;
	margin-bottom: 1.5em;
	border: 1px solid rgba(16,92,157,1);
	padding: 5px;
}
.img-container2:hover{
	overflow: hidden;
	position: relative;
	opacity: 1;
}
.img-container2 img{
	transition: all .2s ease-out;
}
.img-container2 img:hover{
	transform: scale(1.2);
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.img-container__img2{
	display: block;
	position: relative;
	z-index: 0;
	width:100%;
}
div.img--box2{
	width: 5px;
	height: 55px;
	top: 53px;
	left: 20px;
	font-size: 22px;
	background: #FFF;
	color: #FFF;
	position: absolute;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0 auto;
}
}
@media screen and (max-width: 768px) {
.img-container{
	overflow: hidden;
	position: relative;
	opacity: 1;
	margin-bottom: 1.5em;
	border: 1px solid #FFF;
	padding: 5px;
}
.img-container:hover{
	overflow: hidden;
	position: relative;
	opacity: 1;
}
.img-container img{
	transition: all .2s ease-out;
}
.img-container img:hover{
	transform: scale(1.2);
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.img-container__img{
	display: block;
	position: relative;
	z-index: 0;
	width:100%;
}
div.img--box{
	width: 40px;
	height: 55px;
	top: 53px;
	left: 40px;
	font-size: 22px;
	color:#FFF;
	position: absolute;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0 auto;
}
}
@media screen and (min-width: 1201px) {
h4.img--ttl{
	font-size: 28px;
	line-height: 1em;
	color: #fff;
	font-weight: bold;
	position: absolute;
	text-align:left;
	top: 40px;
	left: 210px;
	width: 100%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0 auto;
	padding:0;
	font-family: "Arial", "メイリオ";
font-weight:600;
	text-shadow: 0px 0px 10px rgba(0,0,0, .5);
}
p.img--text{
	font-size: 16px;
	line-height: 1.7em;
	color: #fff;
	font-weight: 600;
	position: absolute;
	text-align:left;
	top:70px;
	left: 210px;
	width: 100%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0 auto;
	margin-top: 0em;
	padding:0;
	font-family: "Arial", "メイリオ";
font-weight:300;
	text-shadow: 0px 0px 10px rgba(0,0,0, .5);
}
}
@media screen and (min-width: 993px) and (max-width: 1200px)  {
h4.img--ttl{
	font-size: 22px;
	line-height: 1em;
	color: #fff;
	font-weight: bold;
	position: absolute;
	text-align:left;
	top: 40px;
	left: 180px;
	width: 100%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0 auto;
	padding:0;
	font-family: "Arial", "メイリオ";
font-weight:600;
	text-shadow: 0px 0px 10px rgba(0,0,0, .5);
}
p.img--text{
	font-size: 16px;
	line-height: 1.7em;
	color: #fff;
	font-weight: 600;
	position: absolute;
	text-align:left;
	top:70px;
	left: 180px;
	width: 100%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0 auto;
	margin-top: 0em;
	padding:0;
	font-family: "Arial", "メイリオ";
font-weight:300;
	text-shadow: 0px 0px 10px rgba(0,0,0, .5);
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
h4.img--ttl{
	font-size: 20px;
	line-height: 1em;
	color: #fff;
	font-weight: bold;
	position: absolute;
	text-align:left;
	top: 40px;
	left: 210px;
	width: 100%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0 auto;
	padding:0;
	font-family: "Arial", "メイリオ";
font-weight:600;
	text-shadow: 0px 0px 10px rgba(0,0,0, .5);
}
p.img--text{
	font-size: 16px;
	line-height: 1.7em;
	color: #fff;
	font-weight: 600;
	position: absolute;
	text-align:left;
	top:70px;
	left: 210px;
	width: 100%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0 auto;
	margin-top: 0em;
	padding:0;
	font-family: "Arial", "メイリオ";
font-weight:300;
	text-shadow: 0px 0px 10px rgba(0,0,0, .5);
}
}
@media screen and (max-width:768px){
h4.img--ttl{
	font-size: 20px;
	line-height: 2em;
	color: #fff;
	font-weight: bold;
	position: absolute;
	text-align:left;
	top: 19px;
	left: 40px;
	margin:0 auto;
	padding:0;
	font-family: "Arial", "メイリオ";
font-weight:600;
	text-shadow: 0px 0px 10px rgba(0,0,0, .5);
}
p.img--text{
	font-size: 14px;
	line-height: 1.7em;
	color: #fff;
	font-weight: 600;
	position: absolute;
	text-align:left;
	top:52px;
	left: 40px;
	margin:0 auto;
	padding:0;
	font-family: "Arial", "メイリオ";
font-weight:300;
	text-shadow: 0px 0px 10px rgba(0,0,0, .5);
}
}

p.img--under--text{
	font-size: 16px;
	line-height: 1.7em;
	color: #000;
	text-align:left;
	margin:0 auto;
	padding:25px 10px 15px 10px;
	font-family: "Arial", "メイリオ";
font-weight:300;
}
.img-container:before{
	background: #333;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transform: translateX(-120%);
	transition:all .8s 0s ease; 
	width: 100%;
	z-index: 1;		
}
@media screen and (min-width: 769px) {
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
z-index: 9999;
}
#pageTop a {
  display: block;
  z-index: 9999;
  padding:0 0 0 0;
  width: 40px;
  height: 40px;
  background-color: rgba(48,48,48,.7);
	border-radius: 2px;
	border: 1px solid rgba(100,100,100,.7);
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
}
@media screen and (max-width: 768px) {
#pageTop {
	position: fixed;
	bottom: 65px;
	right: 10px;
	z-index: 9999;
}
#pageTop a {
  display: block;
  z-index: 9999;
  padding:0 0 0 0;
  width: 35px;
  height: 35px;
  background-color: rgba(48,48,48,.7);
	border-radius: 2px;
	border: 1px solid rgba(100,100,100,.7);
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
}
@media screen and (min-width:993px) {
.ttl-ttl2{
	font-size: 32px;
	font-family: "Arial", "メイリオ";
font-weight:600;
	color:rgba(16,92,157,1);
	margin-bottom: .5em;
	line-height: 1.5em;
}
.ttl-ttl2 .small-icon{
	font-size: 20px;
}
}
@media screen and (min-width:769px) and (max-width:992.98px){
.ttl-ttl2{
	font-size: 28px;
	font-family: "Arial", "メイリオ";
font-weight:600;
	color:rgba(16,92,157,1);
	margin-bottom: .5em;
	line-height: 1.5em;
}
.ttl-ttl2 .small-icon{
	font-size: 20px;
}
}
@media screen and (max-width:768.98px) {
.ttl-ttl2{
	font-size: 24px;
	font-family: "Arial", "メイリオ";
font-weight:600;
	color:rgba(16,92,157,1);
	margin-bottom: .5em;
	line-height: 1.5em;
}
.ttl-ttl2 .small-icon{
	font-size: 20px;
}
}

.item-boxes {
  padding: 20px 5px;
  border-radius: 4px;
  border: 1px solid #eaeaea;
  margin: 15px 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	text-align:center;
}
.item-boxes .icon {
  margin-bottom: 10px;
}
.item-boxes .icon i {
  font-size: 30px;
  line-height: 60px;
  color: rgba(16,92,157,1);
}
.item-boxes h3 {
  font-size: 24px;
  margin-bottom: 10px;
font-family:"Arial", "メイリオ";
font-weight:700;
}
.item-boxes:hover {
  background: transparent;
  -webkit-box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
          box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
}
.item-size-advantage{
	font-size: 24px;
	color:#FFF;
	 font-family: "Arial", "メイリオ";
font-weight:600;
	line-height: 1.7em;
}
.item-size-advantage small{
	font-size: 14px;
	color:#FFF;
	line-height: 1.7em;
}
.item-size-advantage-pick{
	color:rgba(255,244,0,1.00);
}
.btn-area{
	margin-top: 25px;	
}
.text-margin{
	margin-bottom: 20px;
	margin-top: 20px;
}

@media screen and (min-width:769px) and (max-width:992.98px){
.item-boxes {
   padding: 20px 5px;
  border-radius: 4px;
  border: 1px solid #eaeaea;
  margin: 15px 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	text-align:center;
}
.item-boxes .icon {
  margin-bottom: 10px;
}
.item-boxes .icon i {
  font-size: 30px;
  line-height: 60px;
  color: rgba(16,92,157,1);
}
.item-boxes h3 {
  font-size: 24px;
  margin-bottom: 10px;
font-family:"Arial", "メイリオ";
font-weight:700;
}
.item-boxes:hover {
  background: transparent;
  -webkit-box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
          box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
}
.item-size-advantage{
	font-size: 20px;
	color:#FFF;
	line-height: 1.7em;
	font-family: "Arial", "メイリオ";
font-weight:600;
}
.item-size-advantage small{
	font-size: 14px;
	color:#FFF;
	line-height: 1.7em;
}
.item-size-advantage-pick{
	color:rgba(255,244,0,1.00);
}
.btn-area{
	margin-top: 25px;	
}
.text-margin{
	margin-bottom: 20px;
}
}
@media screen and (max-width:768.98px){
.item-boxes {
  padding: 20px 5px;
  border-radius: 4px;
  border: 1px solid #eaeaea;
  margin: 15px 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
text-align:center;
}
.item-boxes .icon {
  margin-bottom: 10px;
}
.item-boxes .icon i {
  font-size: 30px;
  line-height: 60px;
  color: rgba(16,92,157,1);
}
.item-boxes h3 {
  font-size: 20px;
  margin-bottom: 10px;
font-family:"Arial", "メイリオ";
font-weight:700;
}
.item-boxes:hover {
  background: transparent;
  -webkit-box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
          box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
}
.item-size-advantage{
	font-size: 24px;
	color:#FFF;
	line-height: 1.7em;
	font-family: "Arial", "メイリオ";
font-weight:600;
	margin-bottom: .2em;
}
.item-size-advantage-pick{
	color:rgba(255,244,0,1.00);
}
.item-size-advantage small{
	font-size: 14px;
	color:#FFF;
	line-height: 1.7em;
}
.btn-area{
	margin-top: 25px;	
}
.text-margin{
	margin-bottom: 20px;
}
}
.services-item .color-1 i {
  background: #FAE3E3;
  color: #D82928 !important;
}
.services-item .color-2 i {
  background: #E6F8ED;
  color: #57D283 !important;
}
.services-item .color-3 i {
  background: #E3EAFA;
  color: #457BF4 !important;
}
.services-item .color-4 i {
  background: #F3EAD6;
  color: #f1a90a !important;
}
.services-item .color-5 i {
  background: #E7E6FF;
  color: #7271FF !important;
}
.services-item .color-6 i {
  background: #DEDEDE;
  color: #35393D !important;
}
.services-item {
  padding: 30px 15px;
  background: #fff;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.services-item .icon {
  margin-bottom: 20px;
}
.services-item .icon i {
  width: 60px;
  height: 60px;
  background: #f9f9f9;
  display: inline-block;
  line-height: 60px;
  font-size: 24px;
  text-align: center;
  border-radius: 50%;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
@media screen and (min-width:769px){
.ttl-hh-blue{
	font-size: 28px;
	color: rgba(16,92,157,1);
	font-family:"Arial", "メイリオ";
font-weight:600;
}
}
@media screen and (max-width:768px){
.ttl-hh-blue{
	font-size: 20px;
	color: rgba(16,92,157,1);
	font-family:"Arial", "メイリオ";
font-weight:600;
}
}


@media screen and (min-width:993px) {
.item-boxes-sdgs {
	padding: 20px 20px;
	border-radius: 4px;
	border: 2px solid rgba(16,92,157,1);
	margin: 15px 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align:left;
}
h4.item-boxes-sdgs-ttl {
	font-size: 24px;
	font-family:"Arial", "メイリオ";
font-weight:700;
	color: rgba(16,92,157,1);
	line-height: 1.5em;
}
h4.item-boxes-sdgs-ttl span {
	font-size: 20px;
	margin-top: 20px;
	font-family:"Arial", "メイリオ";
font-weight:700;
	color: rgba(0,0,0,1);
}
.logo-margin{
	padding:.5em 0 1em 0;	
}
}
@media screen and (min-width:769px) and (max-width:992.98px){
.item-boxes-sdgs {
	padding: 20px 20px;
	border-radius: 4px;
	border: 2px solid rgba(16,92,157,1);
	margin: 15px 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align:left;
}
h4.item-boxes-sdgs-ttl {
	font-size: 24px;
	font-family:"Arial", "メイリオ";
font-weight:700;
	color: rgba(16,92,157,1);
	line-height: 1.5em;
}
h4.item-boxes-sdgs-ttl span {
	font-size: 20px;
	margin-top: 20px;
	font-family:"Arial", "メイリオ";
font-weight:700;
	color: rgba(0,0,0,1);
}
.logo-margin{
	padding:.5em 0 1em 0;	
}
}
@media screen and (max-width:768.98px){
.item-boxes-sdgs {
	padding: 20px 20px;
	border-radius: 4px;
	border: 2px solid rgba(16,92,157,1);
	margin: 15px 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align:left;
}
h4.item-boxes-sdgs-ttl {
	font-size: 24px;
	font-family:"Arial", "メイリオ";
font-weight:700;
	color: rgba(16,92,157,1);
	line-height: 1.5em;
}
h4.item-boxes-sdgs-ttl span {
	font-size: 20px;
	margin-top: 20px;
	font-family:"Arial", "メイリオ";
font-weight:700;
	color: rgba(0,0,0,1);
}
.logo-margin{
	padding:.5em 0 1em 0;	
}
}
.menu-footer{
	font-size: 13px;
}


@media screen and (min-width:993px) {
.ttl-ict {
	font-size: 28px;
	color: rgba(16,92,157,1);
	font-family:"Arial", "メイリオ";
font-weight:600;
}
.text-area{
	margin-top: 2em;
	margin-bottom: 1em;
}
.figure-caption{
	font-size: 16px;
	margin-top: .5em;
	line-height: 1.4em;
	margin-bottom: 2em;
}
.bg-ttl{
	font-size: 28px;
	background: rgba(16,92,157,1);
	color: #FFF;
	padding: .7em;
}
.bg-ttl span{
	font-size: 20px;
	color: #FFF;
}
}
@media screen and (min-width:769px) and (max-width:992.98px){
.ttl-ict {
	font-size: 24px;
	color: rgba(16,92,157,1);
	font-family:"Arial", "メイリオ";
font-weight:600;
}
.text-area{
	margin-top: 2em;
	margin-bottom: 1em;
}
.figure-caption{
	font-size: 14px;
	margin-top: .5em;
	line-height: 1.4em;
	margin-bottom: 2em;
}
.bg-ttl{
	font-size: 24px;
	background: rgba(16,92,157,1);
	color: #FFF;
	padding: .7em;
}
.bg-ttl span{
	font-size: 18px;
	color: #FFF;
}
}
@media screen and (max-width:768px){
.ttl-ict{
	font-size: 20px;
	color: rgba(16,92,157,1);
	font-family:"Arial", "メイリオ";
font-weight:600;
}
.text-area{
	margin-top: 2em;
	margin-bottom: 1em;
}
.figure-caption{
	font-size: 14px;
	margin-top: .5em;
	line-height: 1.4em;
	margin-bottom: 2em;
}
.bg-ttl{
	font-size: 24px;
	background: rgba(16,92,157,1);
	color: #FFF;
	padding: .7em;
}
.bg-ttl span{
	font-size: 16px;
	color: #FFF;
}
}
@media screen and (min-width:1200px) {
.box-area{
	border: 2px solid rgba(16,92,157,1);
	padding: 1em;
	margin-bottom: 2em;
}
.photo-area-left{
	width:360px;
	float: left;
	margin-right:21px; 
}
.photo-area-right{
	width:360px;
	float: left;
}
}
@media screen and (min-width:992px) and (max-width:1199.98px){
.box-area{
	border: 2px solid rgba(16,92,157,1);
	padding: 1em;
	margin-bottom: 2em;
}
.photo-area-left{
	width:32%;
	float: left;
	margin-right:2%; 
}
.photo-area-right{
	width:32%;
	float: left;
}
}
@media screen and (min-width:769px) and (max-width:992.98px){
.box-area{
	border: 2px solid rgba(16,92,157,1);
	padding: 1em;
	margin-bottom: 2em;
}
.photo-area-left{
	width:31%;
	float: left;
	margin-right:3%; 
}
.photo-area-right{
	width:31%;
	float: left;
}
}
@media screen and (max-width:768.98px){
.box-area{
	border: 2px solid rgba(16,92,157,1);
	padding: 1em;
	width:95%;
	margin: 0 auto;
	margin-bottom: 2em;
}
.photo-area-left{
	width:100%;
	margin-bottom:10px; 
}
.photo-area-right{
	width:100%;
	margin-bottom:10px; 
}
}
@media screen and (min-width:1200px) {
.ttl-process{
	font-size: 20px;
	background: rgba(0,0,0,1);
	color: #FFF;
	font-family:"Arial", "メイリオ";
font-weight:300;
	padding: .7em;
	line-height: 1.5em;
	text-align: center;
}
}
@media screen and (min-width:992px) and (max-width:1199.98px){
.ttl-process{
	font-size: 18px;
	background: rgba(0,0,0,1);
	color: #FFF;
	font-family:"Arial", "メイリオ";
font-weight:300;
	padding: .7em;
	line-height: 1.5em;
	text-align: center;
}
}
@media screen and (min-width:769px) and (max-width:992.98px){
.ttl-process{
	font-size: 18px;
	background: rgba(0,0,0,1);
	color: #FFF;
	font-family:"Arial", "メイリオ";
font-weight:300;
	padding: .7em;
	line-height: 1.5em;
	text-align: center;
}
}
@media screen and (max-width:768px){
.ttl-process{
	font-size: 20px;
	background: rgba(0,0,0,1);
	color: #FFF;
	font-family:"Arial", "メイリオ";
font-weight:300;
	padding: .7em;
	line-height: 1.5em;
	text-align: center;
}
}
.responsive-photo{
	margin-bottom: 1em;
}
.box-area-red{
	border: 2px solid rgba(255,0,4,1.00);
	background: rgba(255,252,201,1.00);
	padding: 1em;
	margin-bottom: 2em;
}
.box-area-blue{
	border: 2px solid rgba(16,92,157,1);
	background: rgba(16,92,157,.1);
	padding: 1em;
	width:95%;
	margin: 0 auto;
	margin-bottom: 2em;
}
.bg-ttl-blue{
	font-size: 28px;
	color: rgba(16,92,157,1);
	padding: 0em .7em;
	text-align: center;
}
.box-area-red2{
	border: 2px solid rgba(255,0,4,1.00);
	background: rgba(255,252,201,1.00);
	padding: 1em;
	width:95%;
	margin: 0 auto;
	margin-bottom: 2em;
	margin-top: 1em;
}
.bg-ttl-red{
	font-size: 28px;
	color: rgba(255,0,4,1.00);
	padding: 0em .7em;
	text-align: center;
}
.arrow-ss{
	margin-bottom: .5em;
}
@media screen and (min-width:769px) {
.tel-tel{
	display: none;	
}
}
@media screen and (max-width:768px) {
.tel-delete{
	display: none;	
}
}


table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
}
table th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
}
table th {
  font-size: 16px;
}
table thead tr{
  background-color: #eee;
}
.txt{
   text-align: left;
   font-size: 16px;
}
.price{
   text-align: right;
	font-size: 16px;
}
@media screen and (max-width: 768px) {
table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
	width: 10%;
}
table th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
	word-wrap: break-word;
}
table th {
  font-size: 12px;
}
table thead tr{
  background-color: #eee;
}
.txt{
   text-align: left;
   font-size: 12px;
}
.price{
   text-align: right;
	font-size: 12px;
}
}

.question-ttl{
	background:rgba(16,92,157,1);
	margin-bottom: 1em;
}
.question-ttl p{
	color:#fff;
	padding: .3em .7em;
}
.margin-photo-area{
	margin-bottom: 20px;
	margin-top: 20px;
}
@media screen and (max-width:768px){
.margin-photo-area-smaho{
	margin-bottom: 10px;
	margin-top: 10px;
}
}

@media screen and (min-width:769px){
#movie-movie{
	position: relative;
	margin: 0;
	max-height: 900px;
}
#mv-movie{
	width:100%;
	margin: 0 auto;
	margin-top: 0;
}
#movie-sumaho{
	display: none;
}
#mv-movie-sumaho{
	display: none;
}
}
@media screen and (max-width:768px){
#movie-movie{
	display: none;
}
#mv-movie{
	display: none;
}
#movie-sumaho{
	position: relative;
	margin: 0;
}
#mv-movie-sumaho{
	width:100%;
	margin: 0 auto;
	margin-top: -30px;
}
}
/* ==========================================================================
Video Background
========================================================================== */
@media screen and (min-width: 1131px) {
#video-area {
  overflow: hidden;
  position: absolute;
	top:8em;
	left: 2%;
	right:2%;
}
#video-area .contents {
  margin: 0 auto;
}
#video-area .contents h2 {
  color: #fff;
  font-size: 60px;
  font-family: "Arial", "メイリオ";
font-weight:700;
  margin-bottom: 30px;
  margin-top: 20px;
  line-height: 1.5em;
	text-shadow: 0px 0px 15px rgba(0,0,0,1);
	text-align: center;
}

#video-area .top-sub {
  color: #fff;
  font-size: 24px;
  font-family: "Arial", "メイリオ";
font-weight:700;
	line-height: 2em;
	text-shadow: 0px 0px 15px rgba(0,0,0,1);
	text-align: center;
}
#video-area .top-sub-phone{
	display:none;		
}
#video-area .contents2 h2{
	display: none;		
}
}
@media screen and (min-width: 993px) and (max-width: 1130px) {
#video-area {
  overflow: hidden;
  position: absolute;
	top:7em;
	left: 2%;
	right:2%;
}
#video-area .contents {
  margin: 0 auto;
}
#video-area .contents h2 {
  color: #fff;
  font-size: 50px;
  font-family: "Arial", "メイリオ";
font-weight:700;
  margin-bottom: 30px;
  margin-top: 20px;
  line-height: 1.5em;
	text-shadow: 0px 0px 15px rgba(0,0,0,1);
	text-align: center;
}
#video-area .top-sub {
  color: #fff;
  font-size: 20px;
  font-family: "Arial", "メイリオ";
font-weight:700;
	line-height: 2em;
	text-shadow: 0px 0px 15px rgba(0,0,0,1);
	text-align: center;
}
#video-area .top-sub-phone{
	display:none;		
}
#video-area .contents2 h2{
	display: none;		
}
}
@media screen and (min-width: 769px) and (max-width: 992.98px) {
#video-area {
  overflow: hidden;
  position: absolute;
	top:7em;
	left: 2%;
	right:2%;
}
#video-area .contents {
  margin: 0 auto;
}
#video-area .contents h2 {
    font-size: 35px;
	color: #fff;
    line-height: 1.5em;
	margin-bottom: 25px;
	font-family: "Arial", "メイリオ";
font-weight:700;
	text-shadow: 0px 0px 15px rgba(0,0,0,1);
	text-align: center;
}
#video-area .top-sub {
  color: #fff;
  font-size: 16px;
font-family: "Arial", "メイリオ";
font-weight:700;
	line-height: 1.7em;
	text-shadow: 0px 0px 15px rgba(0,0,0,1);
	text-align: center;
}
#video-area .top-sub-phone{
	display:none;		
}
#video-area .contents2 h2{
	display: none;		
}
}
@media screen and (min-width: 500px) and (max-width: 768px) {
#video-area {
  overflow: hidden;
  position: absolute;
	top:7em;
	left: 2%;
	right:2%;
}
#video-area .contents {
  margin: 0 auto;
}
#video-area .contents h2 {
	display: none;
}
#video-area .contents2 h2 {
    font-size: 30px;
	color: #fff;
    line-height: 1.7em;
	margin-bottom: 25px;
	font-family: "Arial", "メイリオ";
font-weight:700;
	text-shadow: 0px 0px 15px rgba(0,0,0,1);
	text-align: center;
}
#video-area .top-sub-phone {
  color: #fff;
  font-size: 16px;
font-family: "Arial", "メイリオ";
font-weight:700;
	line-height: 1.7em;
	text-shadow: 0px 0px 15px rgba(0,0,0,1);
	text-align: center;
}
#video-area .top-sub{
	display:none;		
}
}
@media screen and (max-width: 499px) {
#video-area {
  overflow: hidden;
  position: absolute;
	top:2em;
	left: 2%;
	right:2%;
}
#video-area .contents {
  margin: 0 auto;
}
#video-area .contents h2 {
	display: none;
}
#video-area .contents2 h2 {
    font-size: 22px;
	color: #fff;
    line-height: 1.7em;
	margin-bottom: 25px;
	font-family: "Arial", "メイリオ";
font-weight:700;
	text-shadow: 0px 0px 15px rgba(0,0,0,1);
	text-align: center;
}
#video-area .top-sub-phone {
  color: #fff;
  font-size: 16px;
font-family: "Arial", "メイリオ";
font-weight:700;
	line-height: 1.7em;
	text-shadow: 0px 0px 15px rgba(0,0,0,1);
	text-align: center;
}
#video-area .top-sub{
	display:none;		
}
}