@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@media screen and  (min-width: 957px) {

}

body , a ,h1 , h2 , h3 , h4 , span , p , div , h5 ,li {
		font-family: 'Noto Sans Japanese', sans-serif;
}

/**bs4レスポンシブ画像用*/
.img-fluid-w100{
	width: 100%;
}

body{
	background-color: white;
}

.hnavi a{
	color: #ffffff;
}

.hnavi a:hover{
	color: rgba(116,151,247,1.00);
}

@media screen and  (max-width: 768px) {
	.container,.container-fluid{
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.row{
		margin-left: 0px;
		margin-right: 0px;
	}
}


#heiwaslide .sp-thumbnail-image-container {
	width: 100px;
	height: 80px;
/*	overflow: hidden;
	float: left;*/
}

#heiwaslide .sp-thumbnail-image {
	height: 100%;
}

#heiwaslide .sp-thumbnail-text {
	width: 170px;
    float: right;
    padding: 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#heiwaslide .sp-thumbnail-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #333;
}

#heiwaslide .sp-thumbnail-description {
	font-size: 14px;
	color: #333;
}

@media (max-width: 767px) {
	#heiwaslide .sp-thumbnail {

		text-align: center;
	}

	#heiwaslide .sp-thumbnail-image-container {
		/*display: none;*/
	}

	#heiwaslide .sp-thumbnail-text {

/*	width: 120px;*/
		display: none;
	}

	#heiwaslide .sp-thumbnail-title {

/*		font-size: 12px;
		text-transform: uppercase;*/
			display: none;	
	}

	#heiwaslide .sp-thumbnail-description {
	
		display: none;
	}
}

.card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}

.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}

.card-img-top {
    display: block;
    width: 100%;
    height: auto;
}

.card-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
}

.card-footer {
    font-size: 1em;
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}

.card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}

.profile {
    position: absolute;
    top: -12px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 50%;
}

.profile-avatar {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.profile-inline {
    position: relative;
    top: 0;
    display: inline-block;
}

.profile-inline ~ .card-title {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
}

.text-bold {
    font-weight: 700;
}

.meta {
    font-size: 1em;
    color: rgba(0, 0, 0, .4);
}

.meta a {
    text-decoration: none;
    color: rgba(0, 0, 0, .4);
}

.meta a:hover {
    color: rgba(0, 0, 0, .87);
}

.tpcbcomment li{
	font-size: 20px;
	margin-bottom: 16px;
	width: 90%;
}

.bgwhite{
	background-color: #ffffff;
}


.cbbackimages{
	background-image: url(../images/cbank_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	
}

.background_triangle{
	/*background-image: url(../images/img.gif);*/
	background: linear-gradient(#00266B, #0C4FB5);
	background-position: center bottom;
	background-repeat: repeat;
	box-shadow:0px 0px 30px;
    /*border:0.5px solid #000;*/
}

.background_triangle2{
	/*background-image: url(../images/img.gif);*/
	background: linear-gradient(#00266B, #0C4FB5);
	background-position: center bottom;
	background-repeat: repeat;
	}

.background_triangle3{
	background-image: url(../images/img.gif);
	background-position: center bottom;
	background-repeat: repeat;
	}

/*見出し*/

.midashi{
font-weight: 600;
padding: 0.25em 0.25em;
/*margin-left: 10px;*/
color: #221E1E;
background: transparent;
border-left: solid 5px #26386A;
margin-top: 10px;
}

.ymd{
position: relative;
padding-left: 10px;
}

.ymd:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 5px transparent;
border-bottom: solid 5px #7F7F7F;
}

.ymd:after {
position: absolute;
content: '';
bottom: -3px;
left: 5px;
width: 100%;
border-bottom: solid 1px #7F7F7F;
}

.news_pad{
padding: 5px 10px;
}

.catch{
	padding: 10px;
	color: #FFF;
}

.catch2{
	padding: 10px;
	color: #FFF;
}

/*メニュー下線用*/



.current-item{
	text-align: center;
}
.current-item a:link{
	color: #FFF;
	text-decoration: none; 

}
.current-item a:hover{
	color:#97A5D1;
}

.fttop a:link{
	color: #292b2c;
	text-decoration: none; 

}
.fttop a:hover{
	color:#97A5D1;
}

/*.mar15 a:before{

font-family: 'glyphicon-glyphicon-download-alt';
content:"e025";
}*/

/*画像のシャドウ*/

.shadow{
box-shadow:2px 2px 4px 0 rgba(0,0,0,0.2);
}

ul{
    -webkit-padding-start: 0px;
}

/*製品情報・標準仕様*/

section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #666; }
section th  { background: #f4f4f4; }
 
/*----------------------------------------------------
  .demo01
----------------------------------------------------*/
.hyoujun_siyou th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    .hyoujun_siyou { margin: 0 -10px; }
    .hyoujun_siyou th,
    .hyoujun_siyou td{
    width: 100%;
    display: block;
    border-top: none;
	
    }
  .hyoujun_siyou tr:first-child th { border-top: 1px solid #666; }
	/*.hyoujun_siyou tr{background-color: #FFF;}*/
	.hyoujun_siyou th{text-align: center;}
}

/*リスト関連*/

.naibu{
	list-style: none;
	
}

.ftmenu div dl dd , .fttxt{
	font-size: 12px;
}
@media screen and  (max-width: 767px) {
	.gmwidth{
		width:50%;
	}
	.htitle{
		font-size: 14px;
		text-align: left !important;
	}
}

section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #FBFBFB; }
 
/*----------------------------------------------------
  .rspt
----------------------------------------------------*/
.rspt th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    .rspt th,
    .rspt td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .rspt tr:first-child th { border-top: 1px solid #ddd; }
}

figure img {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
figure:hover img {
  opacity: .5;
}

.recruit_futter{
	background: linear-gradient(#0543B1, #0C4FB5);
	padding-top: 30px;
	padding-bottom: 30px;
}

.yonde{
	margin-top: 15px;
	text-align: center;
	font-size: 30px;
	font-weight: 300;
	color: rgba(255,255,255,1.00);
}

.entrybtn{
	padding: 15px 20px;
	border: solid 1px  rgba(51,122,183,1.00);
	background-color:rgba(255,255,255,1.00);
	font-size: 22px;
}

.entrybtn:hover{
	background-color: rgba(212,242,255,1.00);
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_qa .cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 0 1em 0;
color: #1b2538;
}
.cp_qa .cp_actab input {
position: absolute;
opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
font-weight: bold;
line-height: 1.6em;
position: relative;
display: block;
margin: 0 0 0 0;
padding: 1em 2em 1em 2.5em;
cursor: pointer;
text-indent: 1em;
border-radius: 0.5em;
background: rgba(27,37,56,0.1);
}
.cp_qa .cp_actab label::before {
font-family: serif;
font-size: 1.5em;
margin-left: -2em;
padding-right: 0.5em;
content: 'Q';
}
.cp_qa .cp_actab label:hover {
transition: all 0.3s;
color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
font-size: 1.7em;
font-weight: bold;
line-height: 2em;
position: absolute;
top: 0;
right: 0;
content: '\2b';
display: inline-block;
width: 2em;
height: 2em;
-webkit-transition: transform 0.4s;
transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
position: relative;
overflow: hidden;
max-height: 0;
padding: 0 0 0 2.5em;
-webkit-transition: max-height 0.2s;
transition: max-height 0.2s;
border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
font-family: serif;
font-size: 1.5em;
position: absolute;
margin: 0.4em 0 0 -1em;
padding: 0;
content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
max-height: 40em;
border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
color: #00838f;
border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}

.index_mitumori{
  padding: .5em .75em;
  background: linear-gradient(#022461, #0C4FB5);
  border: 3px double #FFFFFF;
}

.gh{
/*	background-color: rgba(40,59,110,0.96)*/
	background: linear-gradient(#00286F, #0C4FB5);
}

.block0{
	/*background-color: rgba(255,253,21,1.00);*/
	/*background-image: url("../images/back_images.jpg");*/
	background-attachment: fixed;
	overflow: hidden;
	position: relative;
	/*padding-top: 20px;
	padding-bottom: 20px;*/
}

.block0:before{
  content: "";
  position: absolute;
  height: 250px;
  width: 300%;
  /*background: linear-gradient(#565656, #E5E5E5);*/
  background-image: url("../images/top_bg_02.jpg");
  bottom: -150px;
  left: -100%;
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.block1{
	/*background-color: rgba(255,253,21,1.00);*/
	background-image: url("../images/top_bg_01.jpg");
	background-attachment: fixed;
	overflow: hidden;
	position: relative;
	padding-top: 150px;
	padding-bottom: 150px;
}

.block1:before{
  content: "";
  position: absolute;
  height: 300px;
  width: 300%;
  background:#ffffff;
  bottom: -200px;
  left: -100%;
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
}

.block2{
	/*background-color:rgba(115,123,211,1.00);*/
	background-image: url("../images/top_bg_01.jpg");
	background-attachment: fixed;
	/*background-repeat: no-repeat;*/
	overflow: hidden;
	position: relative;
	padding-top: 160px;
	padding-bottom: 100px;
}

.block2:before{
  content: "";
  position: absolute;
  height: 400px;
  width: 300%;
  background:#ffffff;
  top: -300px;
  left: -100%;
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  transform: rotate(4deg);
}

@media screen and  (max-width: 767px){
	.block0:before{
	height: 100px;
}
	.block1:before{
	-webkit-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
}

#slide .sp-thumbnail-image-container {
	width: 200px;
	height: 66px;
/*	overflow: hidden;
	float: left;*/
}

#slide .sp-thumbnail-image {
	height: 100%;
}

#slide .sp-thumbnail-text {
	width: 170px;
    float: right;
    padding: 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#slide .sp-thumbnail-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #333;
}

#slide .sp-thumbnail-description {
	font-size: 14px;
	color: #333;
}

@media (max-width: 767px) {
	#slide .sp-thumbnail {

		text-align: center;
	}

	#slide .sp-thumbnail-image-container {
		/*display: none;*/
	}

	#slide .sp-thumbnail-text {

/*	width: 120px;*/
		display: none;
	}

	#slide .sp-thumbnail-title {

/*		font-size: 12px;
		text-transform: uppercase;*/
			display: none;	
	}

	#slide .sp-thumbnail-description {
	
		display: none;
	}
}

.a_link{
	color: #292b2c;
}

.a_link :hover{
	color: #4B4F51;
}

.toiawase01{
	text-align: left;
}

.toiawase02{
	text-align: right;
}

@media screen and  (max-width: 767px){
	.toiawase01{
	text-align: center;
}

.toiawase02{
	text-align: center;
}
}
.text_shadow{
	text-shadow: black 0 0 2px;
}

.midashi02{
padding-top: 1rem;
padding-bottom: .5em;
/*border-bottom: 2px dashed #7D83E7;*/
}

.footer_img{
background-image: url(../images/cara.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 100px 116px;
margin: 30px 0 0 0;

}

.rspt2 th  { width: 80%; text-align: left; }
 
@media only screen and (max-width:480px){
    .rspt2 th,
    .rspt2 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .rspt2 tr:first-child th { border-top: 1px solid #ddd; }
}

h3,h4{
	font-size: 20px;
}

h3{
	background-color:#26386A;
	color: white;
	padding-left: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 30px;
}
h4{
	margin-top: 20px;
	color: #26386A;
}

.p_height{
	height: 140px;
}

@media only screen and (max-width:991px){
	.p_height{
	height: 190px;
}
}

@media only screen and (max-width:767px){
	.p_height{
	height: auto;
}
}