@charset "utf-8";

* {
  box-sizing: border-box;
  vertical-align: bottom;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: Verdana, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3",  "メイリオ", "Meiryo", "ＭＳ　Ｐゴシック", "Arial", "Verdana", "sans-serif";
	color: #222;
	background-image: url("../img/bg-l.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center ;
	z-index: 1;
	background-attachment: fixed ;
}


a img {
  border: none;
}


a {
	color: #d9e3ef ;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	text-decoration: none ;
}



/* ------------------------------
	ヘッダー
------------------------------ */
#header_bg {
  background-color: rgba(0,64,150,0.95);
  width: 100%;
  /*color: #fff;*/
	/*height: 70px ;*/
	/*border-bottom: 1px solid #EEE ;*/
	position: absolute ;
	padding-top: 5px ;
	padding-bottom: 5px ;
	z-index: 9999;
	position:relative;
	overflow: hidden ;
	/*margin-top: -100px ;*/
}
/*.cb-header {
	position: fixed;
	left: 0;
	top: -70px ;
}*/

.cb-header-2 {
	position: fixed ;
	top: 0 ;
}

#header_bg .header-container,
.cb-header-2 .header-container {
	width: 90% ;
	margin: auto ;
}

.heaer-logo {
	float: left ;
}

.heaer-logo img {
	max-height: 80px ;
}

.header-btn-head {
	float: right ;
	margin-top: 12px ;
}

.header-info {
	float: right ;
	margin-top: 15px ;
}

.header-info .header-btn {
	float: left;
	margin-right: 15px ;
	margin-top: 12px ;
}

.header-btn-head a ,
.header-info .header-btn a {
	padding: 5px 10px ;
	background: #FFF ;
	color: #D80000 ;
	border: 2px solid #D80000 ;
	border-radius: 5px ;
	font-size: 1.5rem ;
	font-weight: bold ;
}

.header-btn-head a:hover,
.header-info .header-btn a:hover {
	background: #D80000 ;
	color: #FFF ;
}

.header-btn-head a.est,
.header-info .header-btn a.est {
	margin-right: 10px ;
}

.header-info img {
	max-height: 80px ;
}

@media only screen and (max-width: 768px) {
	.cb-header {
	position: fixed;
	left: 0;
	top: -90px ;
}
	
	.heaer-logo img {
	max-height: 40px ;
}
	
	.header-info img {
	padding-top: 5px ;
	width: 100% ;
	
}
}

@media only screen and (min-width: 769px) {
	.header-btn-head {
		display: none ;
	}
	}

/* ------------------------------
	メインイメージ
------------------------------ */
.jumbotron {
	width: 100%;
	/*text-align: left;*/
	position: relative;
/*	overflow: hidden;*/
}

.jumbotron img {
	width: 100% ;
	position: absolute ;
	z-index: 0 ;
}

.jumbotron img.lg {
	display: block ;
}
.jumbotron img.xs {
	display: none ;
}

@media only screen and (max-width: 768px) {
	.jumbotron img.lg {
		display: none ;
	}
	.jumbotron img.xs {
		display: block;
	}
}

/* ------------------------------
	セクション
------------------------------ */
.section {
	min-width: 100% ;
}


#section2 {
	/*position: relative;*/
	min-width: 100%;
	clear: both ;
}

/*.bg-cloud {
	background-image: url("../img/bg-cloud.jpg");
}*/

#section3 {
	background: #def6ff ;
}


#section2 .bg-yellow {
	background: #f8b62d ;
	padding: 50px 0 ;
	overflow: hidden ;
	margin-top: 50px ;
	margin-bottom: 50px ;
}

#section2 .bg-yellow img {
	max-width: 48% ;
	float: left ;
}

#section2 .bg-yellow .company {
	width: 50% ;
	float: left ;
}

#section2 .bg-yellow .company p {
	font-size: 1.3em ;
	line-height: 1.8em ;
	color: #222 ;
	font-weight: bold ;
}

.bg-white {
	width: 900px ;
	margin: auto ;
	/*background: rgba(255,255,255,0.8) ;*/
}

.bg-1200 {
	max-width: 1200px ;
	margin: auto ;
}

.bg-fa {
	width: 1200px ;
	margin: auto ;
}

.container {
	width: 860px ;
	padding : 80px 0 ;
	margin: auto ;
}

.container-flued {
	max-width: 1200px ;
	padding : 0 ;
	margin: auto ;
}

.container-2 {
	width: 860px ;
	padding : 30px 0 ;
	margin: auto ;
}

.container img {
	width: 100% ;
}

.container-flued img {
	max-width: 100% ;

}

#section2 .high {
	width: 600px ;
	padding : 0 0 50px 0 ;
	margin: auto ;
}

#section2 .high img {
	width: 100% ;
	margin-bottom: 30px ;
	margin-top: 80px ;
}

#section2 .high p {
	font-size: 1.3em ;
	line-height: 1.8em ;
	color: #222 ;
	font-weight: bold ;
	text-align: center ;
	margin-bottom: 15px ;
}

#section2 .thanks {
	width: 860px ;
	padding : 200px 0 100px ;
	margin: auto ;
}

#section2 .thanks p {
	font-size: 1.3em ;
	line-height: 1.8em ;
	color: #222 ;
	text-align: center ;
	margin-bottom: 15px ;
}

#section2 .thanks .back {
	margin-top: 50px ;
}

#section2 .thanks .back a {
	border: 1px solid #000 ;
	padding: 20px 30px ;
	
	color: #004097 ;
}

#section2 .thanks .back a:hover {
	background: #FFF ;
}

.blue {
	background: #004097 ;
	padding: 50px 0 ;
	box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.5);
	background-image: url("../img/blue_bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center ;

}

.red {
	background: #f00 ;
	padding: 50px 0 ;
	box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.5);
	z-index: 5 ;
	position: relative ;
}

.yellow {
	background: #ffd800 ;
	padding: 50px 0 ;
	box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.5);
	/*z-index: 5 ;
	position: relative ;*/
	margin-bottom: 80px ;
}

.green {
	background: #38B0A5 ;
	padding: 50px 0 ;
	box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.5);
	/*z-index: 5 ;
	position: relative ;*/
}

.d-blue {
	background: #00204b ;
	padding: 10px 0 ;
	border-top: 1px solid #00132d ;
}

.d-blue p {
	color: #d9e3ef ;
	text-align: center ;
	
}

.col-1200 {
	width: 900px ;
	margin: auto ;
}

.col-1200-2 {
	width: 1000px ;
	margin: auto ;
}

.col-1200 img,
.col-1200-2 img{
	max-width: 100% ;
}

.sabetsuka p.large {
	font-size: 3em ;
	text-align: center ;
	margin-bottom: 30px ;
	font-weight: bold ;
}

.sabetsuka p.large span {
	color: #F00 ;
}

.sabetsuka p.tenpo {
	font-size: 5em ;
	text-align: center ;
	font-weight: bold ;
}

.sabetsuka p.tenpo span {
	font-size: 3em ;
	color: #F00;
text-shadow: 
-2px -2px 0px #FFF, 
2px -2px 0px #FFF, 
2px 2px 0px #FFF, 
-2px 2px 0px #FFF,
2px 3px 5px rgba(0, 0, 0, 0.8);
}

.bg-white .container.sabetsuka .textss {
	text-align: center ;
	margin-bottom: 50px ;
	font-size: 1.2em ;
}

.magazine p {
	background: #ffd800 ;
	color: #004097 ;
	padding: 10px 15px ;
	font-size: 1.4em ;
	font-weight: bold ;
	margin-bottom: 15px ;
	border-left: 3px solid #004097 ;
}

.magazine-img {
	margin-bottom: 50px ;
}

#profile {
	padding-top: 50px ;
	padding-bottom: 50px ;
	background: #FAFAFA ;
	border-top: 1px solid #EEE ;
	font-size: 1.2em ;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3",  "メイリオ", "Meiryo", "ＭＳ　Ｐゴシック";
	background: #004096 ;
	overflow: hidden ;
}

#profile p {
	font-size: 1.4em ;
	font-weight: bold ;
	margin-bottom: 20px ;
	color: #d9e3ef ;
}

.footer-logo {
	width: 40% ;
	float: left ;
}

.profile-col {
	width: 55% ;
	float: right ;
}

.profile-col table tr th,
.profile-col table tr td {
	padding: 5px ;
	color :#d9e3ef ;
	border-bottom: 1px dotted #668cc0 ;
}


@media screen and (min-width: 769px) and (max-width: 1024px) {
	.bg-white {
		width: 100% ;
	}
}

@media only screen and (max-width: 768px) {
	
	.bg-white {
		width: 100% ;
	}
	
	.bg-white img {
		max-width: 100% ;
	}
	
	.container,
	.container-2,
	.container-flued,
	.col-1200,
	.col-1200-2,
	#section2 .high {
	width: 90% ;
	margin: auto ;
	}
	
	.container img,
	.container-flued img,
	.col-1200 img,
	.col-1200-2 img,
	#section2 .high img {
		max-width: 100% ;
	}
	
	.container {
	padding : 50px 0 ;
}

.container-flued {
	padding : 50px 0 ;
}
	
	#section2 .high p {
		text-align: left ;
	}
	
	#section2 .thanks {
		width: 90% ;
		padding-top: 100px ; 
		margin: 100px auto 0 ;
	}
	
	#section2 .thanks p {
		text-align: left ;
	}
	
	#section2 .bg-yellow img {
	max-width: 100% ;
	float: none ;
}
	#section2 .bg-yellow .company {
	width: 100% ;
		padding-left: 5% ;
	float: none ;
}
	
	.hidden-xs {
		display: none ;
	}
	
	.sabetsuka p.large {
	font-size: 2.5em ;
}

.sabetsuka p.large span {
	color: #F00 ;
}

.sabetsuka p.tenpo {
	font-size: 4em ;
	text-align: center ;
	margin-bottom: 50px ;
	font-weight: bold ;
}

.sabetsuka p.tenpo span {
	font-size: 3em ;
	color: #F00;
text-shadow: 
-2px -2px 0px #FFF, 
2px -2px 0px #FFF, 
2px 2px 0px #FFF, 
-2px 2px 0px #FFF,
2px 3px 5px rgba(0, 0, 0, 0.8);
}
	
	.footer-logo {
	width: 100% ;
	float: none;
		margin-bottom: 30px ;
}

.profile-col {
	width: 100% ;
	float: none ;
}
}

ul {
  padding: 50px 30px;
}

ul li, ol li {
  color: #404040;
  border-left: solid 6px #f00;/*左側の線*/
  border-bottom: solid 2px #dadada;/*下に灰色線*/
  background: whitesmoke;
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 0.5em;
  list-style-type: none!important;/*ポチ消す*/
  font-weight: bold;
	font-size: 1.2em ;
}



@media only screen and (max-width: 768px) {
	ul {
		padding: 30px 10px;
	}
}


.section-title-p {
		padding-top: 30px ;
	padding-bottom: 30px ;
	background: #f097cd ;
	text-align: center ;	
}

.section-title-p h3,
.title h3 {
	color: #FFF ;
	font-size: 3em ;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	font-weight: 900 ;
	line-height: 135% ;
	text-align: center ;
}

.title h3 {
	font-size: 3em ;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	font-weight: 900 ;
	line-height: 135% ;
	text-align: center ;
	color: #6a6a6a ;
}


.title h2 {
	text-align: center ;
	font-size: 3em ;
	font-weight: 900 ;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	margin-bottom: 50px ;
	line-height: 300% ;
}


/* ------------------------------
	共感セクション
------------------------------ */


#section2-1 {
	padding-top: 0 ;
	padding-bottom: -70px ;

}

#section4 {
	 ;
}



#section5 .bg-green {
	background: #38B0A5 ;
	padding: 50px 0 ;
}



#inquiry {
	background: #38B0A5 ;
	padding: 50px 0 ;
}

#inquiry p {
	font-size: 2.5em ;
	color: #FFF ;
	text-align: center ;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3",  "メイリオ", "Meiryo", "ＭＳ　Ｐゴシック";
}

.inq-text {
	text-align: center ;
	padding-top: 70px ;
	padding-bottom: 70px ;
	clear: both ;
}

.inq-text a {
	font-size: 2.4em ;
	 padding: 30px 50px ;
	background: -webkit-linear-gradient(#FFA340 0%, #ee7b00);
	background: -o-linear-gradient(#FFA340 0%, #ee7b00);
	background: linear-gradient(#FFA340 0%, #ee7b00);
	border: 2px solid #fff;
	border-radius: 10px ;
	color: #FFF ;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:5px 5px 10px rgba(0,0,0,0.3);
}

.inq-text a:hover {
	color: #FFF ;
	background: -webkit-linear-gradient(#ff5a20 0%, #ee7b00);
	background: -o-linear-gradient(#ff5a20 0%, #ee7b00);
	background: linear-gradient(#ff5a20 0%, #ee7b00);
	text-decoration: none ;
}

.mb100 {
	margin-bottom: 70px ;
}





.inq-button {
	
	width: 650px ;
	height: 150px ;
	margin: auto ;
	background: url(../img/button_off.png) no-repeat ;
	
}

.inq-button a {
	background: url(../img/button_off.png) no-repeat ;
	display: block;
    text-indent: -9999px;
	width: 650px ;
	height: 150px ;
	margin: auto ;
}

.inq-button a:hover {
	background: url(../img/button_on.png) no-repeat ;
}

.mt80 {
	margin-top: 60px ;
}

.m2 {
	margin : 30px auto 70px ;
}

.m3 {
	margin : 30px auto 5px ;
}

.mb15 {
	margin-bottom: 15px ;
}

.mb50 {
	margin-bottom: 50px ;
}

.mt30 {
	margin-top: 30px ;
}

.mb0 {
	padding-bottom: 0 ;
}

@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}