@charset "utf-8";
/*　−−−−−−−−− 全体共通 −−−−−−−−− */
body {
font-family: 'Yu Gothic', 'Hiragino Mincho ProN', Georgia;
/*B3 padding-top: 55px;*/
padding-top:3.5rem;
color: #5F5F5F;
}

/* 文字 */
h1{font-size: 23px; font-weight: bold;}
h2{font-size: 20px; font-weight: bold;}
h3{font-size: 16px; font-weight: bold;}
h1, h2, h3{padding: 0px; margin: 0px;}

a:link{color: #5F5F5F; text-decoration: none;}
a:visited{color: #5F5F5F;}
a:hover {opacity: 0.7;}


/*　−−−−−−−−− navbar −−−−−−−−− */
.navbar{
border:none;
background-color: rgba(255,255,255,0.75);
padding: 0px;
padding-top: 5px;
margin: 0px;
}
.navbar-brand img  {
display: inline;
margin-top: -5px;
margin-right: 5px;
margin-left: 5px;
}
.navbar-brand {
/*font-family: serif;*/
font-weight: 900;
color: #DF1914;
font-size: 20px;
padding-left: 0px;
margin-top: 2px;       
}
.navbar a {
color: #DF1914;
}
.navbar-nav li a {
color: #5F5F5F;
margin-top: 3px;
margin-bottom: -3px;
}
.navbar-nav li a:hover {
color: #5F5F5F;
background-color: rgba(255,255,255,0);
}
.navbar a:hover {
color: rgba(223,25,20,0.75);
background-color: rgba(255,255,255,0);
}

/* ---toggle ---*/
.navbar-toggler {
color: rgba(255, 255, 255, 0.5);
background-color: #FFFFFF;	
/*border-color: #ddd;*/
border: none;
padding: 0px;
width: 30px;
height: 30px;
box-sizing: border-box;
position: relative;
}

.navbar-toggler:hover, .navbar-toggler:focus {
background-color: #E7E7E7; /*#ddd*/
}

.navbar-toggler-icon {/*線*/
background-image:none; /* 背景画像無効化 */
background-color: #5F5F5F;
width: 30px;
height: 1px;
display: block;
position: absolute;
transition: ease .5s;
}

/* 3本のバーの座標設定 */
.navbar-toggler-icon:nth-of-type(1) {top:7px;}
.navbar-toggler-icon:nth-of-type(2) {top:14px;}
.navbar-toggler-icon:nth-of-type(3) {top:21px;}

/* メニューオープン時の3本のバーの座標と角度 */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
top:13px;transform: rotate(45deg);}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
opacity: 0;}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
top:13px;transform: rotate(-45deg);}


/* −−−−−−−− 共通部品 −−−−−−−−− */

/* --- 空白・ライン・文字 --- */
.space1{height: 10px;}
.space5{height: 50px;}

.row.underline {border-bottom: 1px solid #E9E9E9/*F5F5F5*/;}

/* --- 箇条書き --- */
ul, ol{padding-left: 17px;}

li.point {
list-style-type: none;
padding-bottom: 10px/* 行間サイズ */}

li.point:before {
content: '';
width: 3px;
height: 3px;
background: #5F5F5F;
display: inline-block;
border-radius: 100%;
position: relative;
margin-right: -8px;/*--- 二行目の開始位置との一致 ---*/
left: -15px;
top: -3px;
}


/* −−− topimage card -−− */
.topimage .col {padding-left: 0px; padding-right: 0px;}

.topimage .card{border: 0px;}

.topimage .card-img-overlay{
padding: 0;
top: calc(50% - 1.0rem);
text-align: center;
color: #ffffff;
}

.topimage .card-img-overlay h1{font-size: 33px;font-weight: bold;}
.topimage .card-img-overlay h2{font-size: 23px;}

.topimage .card-img-overlay.mobile h1{font-size: 23px;font-weight: bold;}
.topimage .card-img-overlay.mobile h2{font-size: 18px;font-weight: bold;}


/*　−−−−−−−−− card −−−−−−−−−*/
/*　−−− iconcard −−−*/
.card.icon{
text-align: center;
border: 0px;
}
.card.icon a{
outline: none;
display: block;
}
.card.icon a:hover {
opacity: 0.7;
}
.card.icon .fa{
color: #DF1914;
font-size: 40px;
padding-top: 0px;
}

/*−−−person−−−*/
.card.icon.person img{
width: 140px;
display: block;
margin-left: auto;
margin-right: auto;
}

/*−−−topics−−−*/
body.topics{padding-bottom: 50px;}
p.topictitle{text-align: right;}

/* ---選択パネル--- */
a.list-group-item{padding: 10px; border-width: 0px;}

/*--- table ---*/
td {border-bottom: 1px #ffffff solid;}
td.last, th.last{border-bottom: 1px #DDDDDD solid;}
td.lasttop, th.lasttop{border-top: 1px #DDDDDD solid;}
td.date {width:125px; vertical-align: top;}

/*　−−−−−−−−− footer −−−−−−−−−*/
/* copyright用 */
.footercopy {
background-color: #F2DACF;/*#f5f5f5*/
font-size: 10px;
margin: 0px; padding:0px; padding-top: 13px;
text-align: right;
}


/*-----------Media size-----------*/

/* --- 大画面サイズ以上は広げない1450 --- */
@media (min-width: 1800px){
.container-fluid { width: 1800px;}
}

/*--- 1113px以上の画面向け　PC横 ---*/
@media (min-width: 1113px){
}

/*--- 1112px以下の画面向け　ipad横 ---*/
@media (max-width: 1112px){
}

/*--- 834px以下の画面向け　ipad縦 ---*/
@media (max-width: 834px){
}

/*--- 667px以下の画面向け　iphone横 ---*/
@media (max-width: 667px){
}

/*--- 375px以下の画面向け iphone縦 ---*/
@media (max-width: 375px){
.navbar-brand {font-size: 15px;}
h2{font-size: 17px; font-weight: bold;}
h3{font-size: 15px; font-weight: bold;}
}















/*--- 余白削除 ---*/
.row.header-contents > .col-sm-12, 
.row.main-contents > .col-sm-3.col-xs-6, 
.row.main-contents > .col-sm-6.col-xs-6{
padding-left: 0px;
padding-right: 0px;
}

/* --- 空白・ライン・文字・glyphicon --- */
.space1{height: 10px;}
.space5{height: 50px;}
.glyphicon.file{font-size: 17px; color: #28582E; padding-left: 5px;}






/*　−−−−−−−−− top −−−−−−−−−*/
.col-sm-6.col-xs-6.topp {
padding-top: 38px;
}

/*　−−−−−−−−− program −−−−−−−−−*/
.program h2{
font-size: 20px;
font-weight: bold;
}
.iconcard.program span{
padding-top: 23px;
}
.program.area{
margin-bottom: 50px;
}
.row.program.banner{
margin-top: 30px;
}



/*　−−−−−−−−− acout −−−−−−−−−*/
.about h2{
font-size: 20px;
font-weight: bold;
}
.iconcard.about{
height: 300px;
}
.iconcard.about img{
width: 140px;
heigh: 140px;
}
.about.area{

margin-bottom: 50px;
}

/*　−−−−−−−−− topics −−−−−−−−−*/
.iconcard.topics{
height: 180px;
}
.iconcard.topics img{
width: 120px;
heigh: 120px;
}

figure.topics img {
width: 250px;
}

figure.topics2 img {
width: 500px;
}


figcaption {
margin-top: 5px;
font-size: x-small;
text-align: left;
}
.row.topics > .col-xs-12.col-sm-9.col-md-6.col-sm-pull-3,
.row.topics > .col-xs-12.col-sm-9.col-md-6{
margin-bottom: 50px;
}
p.topictitle{
text-align: right;
}
.topics.area{
margin-bottom: 50px;
padding-bottom: 20px;
}

/*　−−−−−−−−− plan −−−−−−−−−*/
.plan.textcenter{
margin-bottom: 100px;
}
.plan.area{
margin-bottom: 10px;
padding: 0px;
}
.plan.area h2{
font-size: 20px;
font-weight: bold;
}
.plan button{
width: 120px;
}
label.term{
vertical-align:middle;
}

form.plan{
padding-left: 10px;
}

/*--- slider ---*/
.slider{
width:170px;
}
/*sliderつまみ*/
#slider1 .ui-slider-handle, #slider2 .ui-slider-handle, #slider3 .ui-slider-handle, 
#slider4 .ui-slider-handle,#slider5 .ui-slider-handle,#slider6 .ui-slider-handle,#slider7 .ui-slider-handle,#slider8 .ui-slider-handle {
width:14px;
height:14px;
margin-top:2px;
background:#E4F1FB;
border:2px solid #B8D7ED;
}
/*slider背景*/
#slider1 .ui-slider-range,#slider2 .ui-slider-range, #slider3 .ui-slider-range, 
#slider4 .ui-slider-range, #slider5 .ui-slider-range, #slider6 .ui-slider-range, #slider7 .ui-slider-range, #slider8 .ui-slider-range  {
background:#ffcc00;/*#F2F8FB*/
}

/*　−−−−−−−−− work −−−−−−−−−*/
.iconcard.work{
height: 270px;
}

.iconcard.work span{
font-size: 50px;
padding-top: 0px;
padding-bottom: 0px;
color: #EB1014;
}
.worktext p{
font-size: 20px;
}
.worktext img{
height: 170px;
}
.row .workbudget{
/*background-color: rgba(54, 162, 235, 0.1);*/
padding-top: 50px;	
padding-bottom: 50px;
border: 1px solid rgba(255, 99, 132, 0.8);
}

.row.workbudget{
/*background-image: url(../../images/japan1.jpg);
height: 200px;
*/
}

/*　−−−−−−−−− contact −−−−−−−−−*/
.contact.textcenter{
margin-bottom: 50px;
}


/*−−−−−−−−− 共通部品 −−−−−−−−−*/

/* ---パネル--- */
a.list-group-item{padding: 10px; border-width: 0px;} /*画面中央のパネル*/

/*--- 回り込み・写真 ---*/
.floatleft {
float: left;
padding: 0px;
margin-top: 0px;
margin-right: 10px;
}
.floatright {
float: right;
padding: 0px;
margin-top: 0px;
margin-left: 10px;
}

/*--- textcenter ---*/
.textcenter{
text-align: center;
word-break: break-all;
}
.textcenter h2 {
font-size: 20px;
font-weight: bold;
}
.textleft{
text-align: left;
word-break: break-all;
}
.row.underline {
border-bottom: 1px solid #F5F5F5;
}

/*--- table ---*/
td {
border-bottom: 1px #ffffff solid;
}
td.last, th.last{
border-bottom: 1px #DDDDDD solid;
}


/*　−−−−−−−−− footer −−−−−−−−−*/
.footer-info {
	background-color: #EDEDED;
	font-size: 10px;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom:10px;
}
.footer-info p{
text-align: right;	
}
.footer-info p a{
color: #000000;
}
.footer-info p a:hover{
text-decoration:none;
color: #414141;
}



/*　−−−−−−−−− catch −−−−−−−−−*/
.catch {
color: #FFFFFF;
position: absolute;
bottom: 0px;
background-color: rgba(0,0,0,0.0);
width: 100%;
text-align: center;
}
.catch h1 {
font-size: 36px;
font-weight: 600;
}
.catch h2 {
font-size: 30px;
}

/*-----------Media size-----------*/

/* --- 大画面サイズ以上は広げない --- */
@media (min-width: 1200px){
.container-fluid {
/* width: 1200px;*/
}
}

/*--- 1113px以上の画面向け　PC横 ---*/
@media (min-width: 1113px){
.catch , .catch-image {
height: 580px;
/*background-size: cover;*/
}
.catch h1 {
padding-top: 210px;
}
/*.catch-image {background-image: url(../../images/japan1_1.jpg);}*/
}

/*--- 1112px以下の画面向け　ipad横 ---*/
@media (max-width: 1112px){
.catch , .catch-image {
height: 450px;
background-size: cover;
}
.catch h1 {
padding-top: 160px;
font-size: 38px;
}
.catch h2 {
font-size: 27px;
}
}

/*--- 834px以下の画面向け　ipad縦 ---*/
@media (max-width: 834px){
.catch , .catch-image{
height: 350px;
background-size: cover;
}
.catch h1 {
padding-top: 110px;
font-size: 29px;
}
.catch h2 {
font-size: 20px;
}
}

/*--- 667px以下の画面向け　iphone横 ---*/
@media (max-width: 667px){
.catch , .catch-image{
height: 280px;
background-size: cover;
}
.catch h1 {
padding-top: 70px;
font-size: 29px;
}
.catch h2 {
font-size: 17px;
}

.row.plan table{
font-size: 10px;
}	

.worktext{
margin-bottom:100px;
}
.worktext.workchart{
margin-bottom:10px;
}	
}

/*--- 375px以下の画面向け iphone縦 ---*/
@media (max-width: 375px){
.catch , .catch-image{
height: 150px;
background-size: cover;
}
.catch h1 {
padding-top: 30px;
font-size: 15px;
}
.catch h2 {
font-size: 10px;
}
	
.iconcard a h2 {
font-size: 16px;
}
.iconcard p {
font-size: 12px;
}
figure.topics img {
	width: 180px;
}

.row.plan table{
font-size: 7px;
}

.worktext{
margin-bottom:70px;
}
.worktext.workchart{
margin-bottom:10px;
	}
}









@media (max-width: 767px){ 
.row.showcase .img-responsive {
	width: 122px;
	float: left;
}
.row.showcase  p {
	margin-left: 132px;
}
.row.showcase .report {
	clear: both;
}
} 








/*　−−−−−−−−− 見出し・ショーケース −−−−−−−−−*/

.sub-midashi {
	padding-bottom: 6px;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 2px solid #DDDDDD;
}

/*　−−− ショーケース −−−*/
.row.showcase > .col-sm-6:nth-child(odd) {
	clear: both;
}
.row.showcase > .col-sm-6 {
	margin-bottom: 20px;
}
.row.showcase .img-responsive {
	margin-bottom: 10px;
}

/*　−−− report −−−*/
.report a {
	color: #000000;
	text-decoration: none;
	outline: none;
	display: block;
}
.report a:hover {
	background-color: #EDEDED;
}
.report a:focus {
	background-color: #EDEDED;
}
.report a h2 {
	font-size: 20px;
	font-weight: bold;
}


/*　−−− サブメニュー・reportメニュー −−−*/
.sub-menu {
	margin-bottom: 30px;
}
.nav.nav-news li a {
	border-bottom: 1px dotted #AAAAAA;
	padding-left: 0px;
	padding-right: 0px;
	color: #000000;
}






/*-----------Gallery - lightGallery-----------*/

.lightgallery img{
width: 280px; /*178*/
}

.lightgallery > .col-sm-2.col-xs-4 {
	padding-left: 0px;
	padding-right: 0px;
}


/*-----------子ページ-----------*/

/*---左メニュー---*/
.nav-contents {
	margin-top: 15px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px none #DDDDDD;
	border-top: 1px solid #DDDDDD;
}
.nav.nav-contents li a {
	color: #000000;
	border-bottom: 1px solid #DDDDDD;
}

/*---左メニューlesson---*/
.nav-contents.lesson {
	margin-top: 15px;
	border-left: 0px solid #DDDDDD;
	border-right: 0px solid #DDDDDD;
	border-bottom: 0px none #DDDDDD;
	border-top: 0px solid #DDDDDD;
}
.nav.nav-contents.lesson li a {
	color: #000000;
	border-bottom: 0px solid #DDDDDD;
}



/*---内容---*/
.row.contents .col-sm-9.col-sm-push-3 {
	margin-bottom: 30px;
}
.row.contents .col-sm-3.col-sm-pull-9 {
	margin-bottom: 30px;
}

.story h1 {
	font-size: 25px;
	margin-top: 13px;
}
.story p {
	font-size: 13px;
}
.story h2 {
	font-size: 18px;
	border-left: 5px solid #FDD757;
	margin-top: 30px;
	margin-bottom: 15px;
	padding-left: 3px;
}
.story h1 span {/*---円---*/
	background-color: #F9F9F9;/*FDD757*/
	color: #000000;
	margin-right: 12px;
	padding: 0px;
}
.story.img-responsive {
	margin-top: 20px;
	margin-bottom: 30px;
}


/*---目標---*/
.table h2 {
	font-size: 18px;
	border-left: 5px solid #FDD757;
	margin-top: 0px;
	margin-bottom: 50px;
	padding-left: 0px;
}


/*---動画---*/
.training{
/**/
	width:980px;
}


/*---相談窓口---*/
label.control-label.col-xs-2{
	padding-right: 0px;
}


/*---動画パネル---*/
.panel.panel-default{
	margin: 0px;
}
.panel.panel-default{
	border:none;
}
.panel.panel-default ul{
	margin: 0px;
}

	

/* 子ページ */
.story h1 {
	font-size: 24px;
}
.story h2 {
	font-size: 20px;
}