@charset "utf-8";
/* CSS Document */

/* indexページでは表示しない */
#pankuzu{
  display: none;
}
/* indexページでは表示しない */


/* 
-------------------------
-------------------------
【new】indexページ
-------------------------
-------------------------
*/
/* ▼メイン画像▼ */
p#kanban{
  background-color: #FFFFFF;
}
/* ▲メイン画像▲ */

/* ▼▼メニュー▼▼ */
ul#new-main-menu{
  display: flex;
  flex-wrap: wrap;
	width: 96%;
	margin: 0 auto 3% auto;
	padding: 0;
	line-height: 1.5;
}
ul#new-main-menu li{
	width: 50%;
	margin: 0 0 1% 0;
	padding: 0;
  font-size: 1.0rem;
	line-height: 1.2;
  text-align: center;
}
/* ▲▲メニュー▲▲ */

/* ▼▼new-explanation▼▼ */
p.new-explanation{
  background-color: #F3F3F3;
  width: 88%;
  margin: 0 auto 3% auto;
	padding: 3%;
  font-size: 1.2rem;
  line-height: 1.5;
}
/* ▲▲new-explanation▲▲ */

ul#okurainstitute{
  display: flex;
  flex-wrap: wrap;
	width: 94%;
	margin: 0 auto 3% auto;
	padding: 0;
	line-height: 1.5em;
}
ul#okurainstitute li{
	width: 49.5%;
	margin: 0 0 0.5% 0.5%;
	padding: 0;
	line-height: 0;
}

/* ▼▼new-長所▼▼ */
ul#new-strengths{
  display: flex;
  flex-wrap: wrap;
	width: 84%;
	margin: 0 auto 5% auto;
	padding: 0;
	line-height: 0;
}	 
ul#new-strengths li{
	width: 49%;
	margin: 0 0 1% 1%;
	padding: 0;
}	 
/* ▲▲new-長所▲▲ */
/* 
-------------------------
-------------------------
【new】indexページ
-------------------------
-------------------------
*/


/* ▼3つの理由と原因▼ */
#reason-three{
	width: 96%;
	margin: 0 auto 3% auto;
	padding: 0;
}
.reason{
	margin: 0 0 1% 0;
	padding: 3%;
  border: 1px solid #666;
}
.q-a{
  display: flex;
  margin: 0 0 2% 0;
	padding: 0;
}
.q-a p.que{
  background-color: #FF0004;
  align-self: flex-start;
  margin: 0 5px 0 0;
	padding: 0 15px 0 15px;
  font-size: 1.6rem;
	line-height: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  border: 1px solid #999;
  border-radius: 4px;
}
.q-a p.que-text{
  margin: 0 0 1% 0;
	padding: 0;
  font-size: 1.5rem;
	line-height: 1.5em;
  font-weight: bold;
  color: #FF0004;
  padding-left:1em;
	text-indent:-1em;
}
.q-a p.ans{
  background-color: #0000ff;
  align-self: flex-start;
  margin: 0 15px 0 0;
	padding:  0 15px 0 15px;
  font-size: 1.6rem;
	line-height: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  border: 1px solid #999;
  border-radius: 4px;
}
.q-a p.ans-text{
  margin: 0 0 3% 0;
	padding: 0;
  font-size: 1.3rem;
	line-height: 1.5em;
  color: #666;
}
.reason p.q-a-img{
  width: 100%;
  max-width: 710px;
  margin: 0 auto 0 auto;
}
/* ▲3つの理由と原因▲ */

ul#failure-experience{
  display: flex;
  flex-wrap: wrap;
  width: 94%;
  margin: 0 auto 3% auto;
	padding: 0;
}
ul#failure-experience li{
  width: 49%;
  margin: 0 0 0 1%;
	padding: 0;
  line-height: 0;
}





/* 
------------------------------
------------------------------
▼320px～350px用の記述▼
------------------------------
------------------------------
*/
 @media screen and (min-width: 320px) and (max-width: 350px){

header p#top-logo {
	width: 28%;
	min-width: 120.4px;
  margin: 0 0 0 1%;
  float: left;
}
header p#top-okuraservice {
	width: 28.8%;
	min-width: 123.8px;
  margin: 0;
  float: left;
}


}
/* 
------------------------------
------------------------------
▲320px～350px用の記述▲
------------------------------
------------------------------
*/





/* 
------------------------------
------------------------------
▼768px以上用（タブレット／PC用）の記述▼
------------------------------
------------------------------
*/
 @media screen and (min-width : 768px ){

/* 
-------------------------
-------------------------
【new】indexページ
-------------------------
-------------------------
*/
/* ▼▼メニュー▼▼ */
ul#new-main-menu li{
  font-size: 1.4rem;
}
/* ▲▲メニュー▲▲ */

p.new-explanation{
  width: 88%;
  margin: 0 auto 3% auto;
	padding: 3%;
  font-size: 1.5rem;
  line-height: 1.5;
}
/* 
-------------------------
-------------------------
【new】indexページ
-------------------------
-------------------------
*/


/* ▼3つの理由と原因▼ */
.q-a p.que{
  padding: 0 20px 0 20px;
  font-size: 1.8rem;
}
.q-a p.que-text{
  font-size: 1.8rem;
}
.q-a p.ans{
  padding: 0 20px 0 20px;
  font-size: 1.8rem;
}
.q-a p.ans-text{
  font-size: 1.6rem;
}
/* ▲3つの理由と原因▲ */


}
/* 
------------------------------
------------------------------
▲768px以上用（タブレット／PC用）の記述▲
------------------------------
------------------------------
*/