@charset "UTF-8";




/* PC画面用（ウィンドウ幅が769px以上の場合に適用） */
@media print,screen and (min-width: 769px) {
	

.reason_h1 {
	font-size:15px;
	width:100%;
	text-align: center;
	margin:0 auto;
	font-weight: normal;
	line-height:1.3em;
	margin-top:20px;
	}	
	
.reason_h1 span{
	font-weight:bold;
	font-size:20px;	
	}	
	
	
.reason_h2{
	font-size: 1.8em;
	text-align: center;
	background-image: linear-gradient(90deg, #10396d, #446090);
	color: white;
	padding-top: 1em;
	padding-bottom: 0.8em;
	margin: 5% auto 3% auto;
	width:100%;
	letter-spacing: 0.05em;	
	}
		
.reason_h2b{
	margin-top: 180px;
	}	
	
	
.reason_h3 {
  display: flex;
  align-items: stretch; 
  width: 96%;
  margin: 0 auto;
  letter-spacing: 0.05em;		
  background: #fff;
  border: #10396d 2px solid;	
  border-radius: 0.3em;
  font-size:23px;
  font-weight: bold;
  color: #10396d;
  box-sizing: border-box;
  overflow: hidden; 
}

.reason_h3_margin {	
  margin-top: 7%;
	
}	
	
	
/* 左側の付箋ラベル */
.reason_label {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10396d;
  color: #fcec3b;
  padding:1.3% 1% 1% 1%;
  font-size:20px;
  white-space: nowrap;
  font-weight: 700;
  min-width: 5em;
  position: relative;
}

/* チェックマーク（Font Awesome使用） */
.reason_label::before {
  content: "\f00c"; /* チェックアイコン */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5em;
  font-size:15px;
}

/* 右側の本文テキスト */
.reason_text {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.8em 1.5em 0.6em 1.5em;
}


.top_text {
	width: 95%;  
    margin: 1% auto 1% auto;
    line-height: 1.4em;
	text-align: center;
	font-size: 1.1em;
  }	
	
.t_text{
	width: 93%;
	margin:1.5% auto 2% auto;
	font-size: 1.2em;
	line-height: 2em;
	}	


.midashi{	
	width: 95%;
	margin:0% auto 3% auto;
	font-size: 1.2em;	
	line-height: 1.5em;
}
			
/*　ナビボタン　*/
 .navibutton {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  width: 95%;
  margin: 0 auto;
 }
 .navibutton a {
  position: relative;
  display: inline-block;
  padding: 0.5rem 3rem 0.5rem 2rem;
  margin: 0.5em;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  background: #fff;
  color: #666;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
 }
 .navibutton a:after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #666;
  border-right: 3px solid #666;
  transform: rotate(135deg) translateY(-50%);
  position: absolute;
  top: 25%;
  right: 20px;
  border-radius: 1px;
  transition: 0.3s ease-in-out;
 }
 .navibutton a:hover {
  color: #fff;
  background: #666;
  border: 1px solid #666;
  transition: 0.3s ease-in-out;	 
 }
 .navibutton a:hover:after {
  border-color: #fff;
  transition: 0.3s ease-in-out;
 }
 .navibutton a:visited {
  color: #666;
 }
 /*　ナビボタンここまで　*/	

	
	
/*お客様の声レスポ化box*/	
		
.container {
  margin: auto;	
  display: flex;
  flex-wrap: wrap;          /* ←★ 折り返しを許可 */
  justify-content: space-between; /* 余白を均等配置 */
  width: 890px;
  background: #edf7fb;
  padding: 25px 20px 20px 25.5px;
  align-items: stretch;
  gap: 15px;                /* ←★ カード間の余白を設定（推奨） */
}

/* 各ボックス（カードを囲む要素） */
.flex_box {
  margin: 0 auto;
  margin-bottom: 3px;	
  flex: 1 1 calc(50% - 15px); /* ←★ 2列にする（gap分を差し引き） */
  display: flex;              /* 高さをそろえるため */
}

.feedback_card {
  background: #fff;
  padding: 25px;
  max-width: 380px;	
  border-radius: 10px;
  border: #E3E3E3 1px solid;
  box-shadow: 1.5px 1.5px 5px #D5D5D5;	
  display: flex;
  flex-direction: column; /* 縦方向に伸ばす */
  flex: 1; /* 親の高さに合わせて伸ばす */
}

.feedback_card .feedback_title {
  font-size: 22px;
  margin-bottom: 10px;
  color: #333;
  font-weight: bold;
}

.feedback_card p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;	
}
		

.feedback_profile {
display: flex;
align-items: center;
margin-bottom: 15px;
}
	
.profile_image {
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
margin-right: 10px;
}

.profile_image img {
width: 100%;
height: 100%;
object-fit: cover;
}

.feedback_author {
color: #1a2f5c;
font-size: 16px;
line-height: 1.5em;	
}

.author_subtitle {
color: #999;
font-size: 14px;
}
 /*お客様の声レスポ化boxここまで*/		
	
/*お客様の声 続きを読むボタン*/

 .readmore {
  position: relative;
  width: 100%; 
  box-sizing: border-box;
  margin: 0 auto;
  margin-bottom: 50px;	 
  background: white;
  font-size: 1.2em;
  line-height: 1.3em;
  letter-spacing: 0.1em;
  border-radius: 10px;
 }
 .readmore-content {
  position: relative;
  overflow: hidden;
  margin-top: 2%;
  /*以下お好み*/
  /*高さの初期値*/
  height: 730px;
 }
 .readmore-content p {
  margin-top: 1%;
 }
 .readmore-content::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: "";
  /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
  height: 120px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
 }
 /* 続きを読むボタン */
 .readmore-label {
  display: table;
  bottom: -80px;
  position: absolute;
  left: 50%;
  width: 150px;
  text-align: center;	 
  transform: translateX(-50%);
  margin: 0 auto;
  z-index: 2;
  padding: 2% 2%;
  background-color: #2e4f79;
  border-radius: 20px;
  color: #FFF;
  letter-spacing: 0em;
 }
 .readmore-label:before {
  content: '続きを読む';
 }
 .readmore-check {
  display: none;
 }
	
 /*チェック時にボタンを非表示*/
 /*.readmore-check:checked ~ .readmore-label {
  /*position: static;
  transform: translateX(0);
   「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする 
   display: none;
 }	*/

 .readmore-check:checked ~ .readmore-label:before {
  content: '閉じる ▲';
 }
 /*チェック時に高さを自動に戻す*/
 .readmore-check:checked ~ .readmore-content {
  height: auto;
 }
 /*チェック時グラデーション等を削除*/
 .readmore-check:checked ~ .readmore-content::before {
  display: none;
 }
	
 .readmore-label:hover{	
  background-color:#3B5C9E;		
}	
	
 /*お客様の声 続きを読むボタンここまで*/	
		
	
/*3つの強みBOX*/	
		
.container_2 {
  margin: auto;	
  display: flex;
  flex-wrap: wrap;          /* ←★ 折り返しを許可 */
  justify-content: space-between; /* 余白を均等配置 */
  width: 850px;
  padding:0px 15px;
  align-items: stretch;
  gap: 15px;                /* ←★ カード間の余白を設定（推奨） */
}

/* 各ボックス（カードを囲む要素） */
.flex_box_2 {
  margin: 0 auto;
  margin-bottom: 3px;	
  flex: 1 1 calc(33% - 15px); 
  display: flex;     
  text-align: center;	
}

.tsuyomi_box {
  background: #fff;
  padding: 25px 20px;
  max-width: 380px;	
  background: #FFFFF3;
	
  border: #cfd7e1 solid 1px;
  display: flex;
  flex-direction: column; /* 縦方向に伸ばす */
  flex: 1; /* 親の高さに合わせて伸ばす */
}

.tsuyomi_box .tsuyomi_box_title  {
  font-size: 22px;
  margin-bottom: 10px;
  color: #446090;	
  font-weight: bold;
  line-height: 1.1em;	
}
	
.tsuyomi_box_title  {	
  height: 50px;    
  align-items: center;    
  justify-content: center; 	
  word-break: break-word; 	
}	
	
	
.box_title2  {	/* 1行用 */
  height: 50px;    
  display: flex;              /* Flexbox に変更 */
  align-items: center;        /* 縦中央揃え */
  justify-content: center;    /* 横中央揃え（必要なら） */
  box-sizing: border-box;
  text-align: center;         /* 複数行の場合も中央寄せ */
  word-break: break-word;     /* 長文は折り返す */	
}		
	
	
.tsuyomi_box_title .pt {	
  display:block;
  font-size: 16px;	
}	
		
	

.tsuyomi_box_image {
width: 80px;
height: 80px;
margin: 0 auto;	
}

.tsuyomi_box_image img {
width: 100%;
height: 100%;	
}	
	
.tsuyomi_box p {
  font-size: 13px;
  color: #666;
  line-height: 1.5;	
  margin-top: 10px;	
}
	
.tsuyomi_box p span {
  display: block;
  font-size: 11px;
  color: #666;
  line-height: 1.5;	
  margin-top: 10px;	
}	
	
/* 説明内のリンクボタン */	
.btn_01 {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;

}
	
.btn_01_b {
  width: 100%;
  margin: 0 auto;
  margin-top: 58px;/* ボタン位置微調整 */	

}	
	
.btn_01_c {
  width: 100%;
  margin: 0 auto;
  margin-top:23px;/* ボタン位置微調整 */	
}		
	
.btn_01_d {
  width: 100%;
  margin: 0 auto;
  margin-top:40px;/* ボタン位置微調整 */	
}		
	
	
	
a.btn_02 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid #cfd7e1;
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  padding: 0 6% 0 12%;
  color: #666;
  font-size: 13px;
  text-align: left;
  border-radius: 10px;	
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
}
a.btn_02:hover {
  background: #446090;
  color: #fff;
}
a.btn_02:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #cfd7e1;
  position: absolute;
  top: 50%;
  left: 6%;
  margin-top: -7px;
}
a.btn_02:hover:before {
  border-color: transparent transparent transparent #fff;
}	
	
/* 説明内のリンクボタン */		
	
	
 /*3つの強みBOXここまで*/			
	
	
	
	
 /*売込みしません*/		
	
.model {	
  display: flex;
  width: 800px;
  margin: 0 auto;
  align-items:center;
  margin-top: 25px;
}	
	
.model_1 {	
}	
	
.model_1 p {	
  font-size: 20px;
  color: #EF7565;
  font-weight: bold;		
}	

.model_1 span {	
  display: inline-block;
  padding-top: 15px;
  line-height: 1.80em;			
}		
	
.model_2 {	
  display: flex;	
  margin-left: 20px;
}	
			
	
	
	
 /*関連リンク*/		
.other_btn{
	width: 95%;
	display: flex;
	justify-content: space-around;
	margin: 20px auto 30px auto;
}	
	
.other_btn a {
    background: #e0e0e0;
	border: solid 1px #bababa;
    position: relative;
    align-items: center;
    margin: 5px;
    width: 230px;
    padding: 10px 25px;
    color: #666;
    transition: 0.3s ease-in-out;
    font-weight: 600;
	text-decoration: none;
}
.other_btn a:hover {
    background: #bababa;
    color: #666;
}
.other_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #666;
    border-right: 3px solid #666;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 44%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.other_btn a:hover:after {
    border-color: #666;
}		
		
	
/* ショールームの案内ここから */	
.showroom{
	width: 100%;	
	margin:0% auto 1% auto;
	padding-bottom:1%;
	background: #edf7fb;
	margin-bottom:4%;
}	
	
.showroom_mds{
	width: 50%;
	margin: 0% auto 1% auto;
	padding:3% 1% 0.8% 1%;		
	color: #333;
	font-weight: bold;	
	font-size: 2em;
	border-bottom: solid 2px #333;
	text-align: center;
}	
	
.showroom p{	
	margin: 2% auto;
	font-size: 1.1em;
	color: #333;
	line-height: 1.5em;
	text-align: center;
}
	
.showroom table{
	border-collapse: collapse;
	width: 90%;	
	margin: 1% auto;	
}	
	
.showroom td{
	padding: 0% 1%;
}
	
.showroom table img{
	width: 100%;
	border: 5px solid #fff;
}	
	
.attention p{
	font-size: 1.5em;
	color: #ff0000;
	font-weight: bold;
	margin: 1% auto;
}
	
.big_btn a{
  margin: 2% auto;	
  width: 50%;
  position: relative;
  display: block;
  justify-content: space-around;		
  padding: 1.4% 3% 1.2% 3%;
  background: #2e4f79;	
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;	
  text-decoration: none;
  border: 1px solid #2e4f79;	
  border-radius: 50px;
}	
	
.big_btn a span{
  font-size: 1.6em;
  padding: 0% 1%;	
}
	
.big_btn a:hover{
  background-color: transparent;
  color: #2e4f79;
  transition: 0.3s;		
}
	
.big_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 45%;
    right: 20px;
    border-radius: 1px;  
}	
	
.big_btn a:hover:after{
  border-color: #2e4f79;	
  transition: 0.3s;		
}			
	
/* ショールームの案内ここまで */			
	
	
	
/* 関連バナー横並び */

.banner_area{
	width: 90%;
	margin: 0 auto;
	padding:30px auto;
	}
	
	
.company ul {
	width: 100%;
  }
	
.company_banner {
	width: 100%;
	display: flex;
	justify-content:flex-start;
	list-style: none;
	margin: 0 auto;
	flex-wrap: wrap;	

}
	
.company_banner li{
	padding: 1%;
	margin: 0 auto;
}
	
.company_banner img{
	width: 395px;
	height: auto;
}				
	
}


/* SP画面用（ウィンドウ幅が768px以下の場合に適用） */
@media screen and (max-width: 768px) {

	
.reason_h1{
	font-size: 1em;
    line-height: 1.5em;
	font-weight:normal;
	text-align: center; 
	width: 90%;
	margin: auto;
	margin-top: 5%;
	line-height: 1.8em;	
	}	
	
.reason_h1 span{
	display: block;
	font-weight:bold;
	font-size:20px;	
	font-size: 1.2em;		
	}		
		
.reason_h2 {	
	font-size: 1.5em;
	background-image: linear-gradient(90deg, #10396d, #446090);
	color: white;
	text-align: center;
	padding-top: 0.6em;
	padding-bottom: 0.5em;
	margin: 10% 0 3% 0;
	width:100%;
	letter-spacing: 0.05em;
	line-height: 1.2em;		
	}	

		
.reason_h2b{
	margin-top:20%;
	}		
	

.reason_h3 {
  display: flex;

  width: 100%;
  margin: 0 auto;
  letter-spacing: 0.05em;		
  background: #fff;
  border-bottom: #fbbc5f 5px solid;	
  font-weight: bold;
  color: #1a2f5c;
  box-sizing: border-box;
  overflow: hidden; 
}
	
.reason_h3_margin {	
  margin-top: 10%;
	
}
		
/* 左側の付箋ラベル */
.reason_label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a2f5c;
  padding:1% 1% 1% 3%;
  font-size:1.2em;
  white-space: nowrap;
  font-weight: 700;
  min-width: 5em;
  position: relative;
}

/* チェックマーク（Font Awesome使用） */
.reason_label::before {
  content: "\f00c"; /* チェックアイコン */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5em;
  font-size:20px;
}

/* 右側の本文テキスト */
.reason_text {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.6em 0.5em 0.6em 0.7em;
  font-size:1.4em;	
}	

	
.top_text {
	width: 90%;
	margin:0% auto 8% auto;
	font-size: 1em;
	line-height: 1.8em;
    padding-top: 3%;
  }	
	
.t_text{
	width: 90%;
	margin:0% auto 8% auto;
	font-size: 1em;
	line-height: 1.8em;
    padding-top: 3%;	
	}			
	
	
/*　ナビボタン　*/
 .navibutton {
    display: flex;
    flex-direction: column; 
    width: 90%;           
    margin: 0 auto;      
    box-sizing: border-box;
	margin-bottom: 3%;
	margin-top: -2%;
  }

  .navibutton li {
    width: 100%;
    margin:0% 0%  4% 0%;
    padding: 0;
  }

  /* ボタン */
  .navibutton a {
    display: flex;       
    justify-content: space-between;
    align-items: center;
    width: 100%;                
    padding: 4% 5%;               
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;             
    background: #fff;
    color: #666;
    border: 0.1em solid #d3d3d3;     
    border-radius: 0.5em;           
    box-sizing: border-box;    
    transition: 0.3s ease-in-out;
    cursor: pointer;
  }

  /* 矢印マーク */
  .navibutton a:after {
    content: '';
    width: 0.6em;
    height: 0.6em;
    border-top: 0.15em solid #666;
    border-right: 0.15em solid #666;
    transform: rotate(135deg);
    border-radius: 1px;
    transition: 0.3s ease-in-out;
  }

  /* ホバー時 */
  .navibutton a:hover {
    color: #fff;
    background: #666;
    border-color: #666;
  }

  .navibutton a:hover:after {
    border-color: #fff;
  }

  /* visited状態 */
  .navibutton a:visited {
    color: #666;
  }
 /*　ナビボタンここまで　*/	
	
	
/*お客様の声レスポ化box*/	
  .container {
    display: flex;
    flex-direction: column;       
    width: 100%;                  
    padding: 5% 4%;            
    background: #edf7fb;
    align-items: stretch;         
    box-sizing: border-box;
  }

.flex_box {
  flex: 1 1 100%;
  display: flex;
  margin:2% 0%; /* カード間の余白 */
  }
	

  .feedback_card {
    flex: 1;                      
    display: flex;
    flex-direction: column;
    width: 70%; 	 
    background: #fff;
    padding: 5%;         
    border-radius: 2%;  
    box-shadow:1px 1px 7px #D5D5D5; 
  }

  /* タイトル */
  .feedback_card .feedback_title {
    font-size: 1.2em; 
    margin-bottom: 1%;         
    font-weight: bold;
    color: #333;
  }

  /* 本文 */
  .feedback_card p {
    font-size: 1em;       
    line-height: 1.7em;
    color: #666;
    margin-top: 0.5%;       
  }

  /* プロフィール部分 */
  .feedback_profile {
    display: flex;
    align-items: center;
    margin-bottom: 2%;
  }

  .profile_image {
    width: 15%;
    height: auto;             
    border-radius: 50%;
    overflow: hidden;
    margin-right: 3%;
  }

  .profile_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .feedback_author {
    font-size: 1em;             
    line-height: 1.3em;
    color: #1a2f5c;
  }

  .author_subtitle {
    font-size: 0.9em;
    color: #999;
  }
 /*お客様の声レスポ化boxここまで*/		
	
	
/*お客様の声 続きを読むボタン*/
 .readmore {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  background: white;
  font-size: 1em;
  line-height: 1.5em;
  letter-spacing: 0.05em;
 }
 .readmore-content {
  position: relative;
  overflow: hidden;
  margin-top: 4%;
  /*以下お好み*/
  /*高さの初期値*/
  height: 1000px;
 }
 .readmore-content p {
  margin-top: 5%;
 }
	
 .readmore-content img	{
  width: 100%
 }
	
 .readmore-content::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: "";
  /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
  height: 150px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 80%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
 }
 /* 続きを読むボタン */
 .readmore-label {
  display: table;
  bottom: 10px; 
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  text-align: center;	 
  margin: 0 auto;
  z-index: 2;
  padding: 3% 4%;
  background-color: #053D6D;
  border-radius: 10px;
  color: #FFF;
  letter-spacing: 0em;
 }
 .readmore-label:before {
  content: '続きを読む';
 }
 .readmore-check {
  display: none;
 }
 /*チェック時にボタンを非表示*/
 .readmore-check:checked ~ .readmore-label {
  position: static;
  transform: translateX(0);
  /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
  /* display: none; */
 }
 .readmore-check:checked ~ .readmore-label:before {
  content: '閉じる';
 }
 /*チェック時に高さを自動に戻す*/
 .readmore-check:checked ~ .readmore-content {
  height: auto;
 }
 /*チェック時グラデーション等を削除*/
 .readmore-check:checked ~ .readmore-content::before {
  display: none;
 }	
	
 .readmore-label:hover{	
  background-color:#3B5C9E;		
}		
/*お客様の声 続きを読むボタンここまで*/
 
	
/*3つの強みBOX*/	
		
.container_2 {
  display: flex;
  flex-direction: column;       
  width: 90%;                  
  padding:0% 1%;            
  align-items: stretch;         
  box-sizing: border-box;
  margin: 0 auto;	
}

.flex_box_2 {
  flex: 1 1 100%;
  display: flex;
  margin:0% 0% 6% 0%; /* カード間の余白 */	
}

.tsuyomi_box {
  background: #fff;
  padding: 5% 6%; 
  width: 90%; 
  background: #FFFFF3;
  box-shadow:0.5px 0.5px 3px #D5D5D5; 
  flex-direction: column; /* 縦方向に伸ばす */
  flex: 1; /* 親の高さに合わせて伸ばす */
  text-align: center;
  border-radius: 10px;	
}

.tsuyomi_box .tsuyomi_box_title {
  font-size: 1.5em; 
  margin-bottom: 1%;         
  font-weight: bold;
  color: #446090;	  
  line-height: 1.1em;	
}
	
.tsuyomi_box_title .pt {	
  display: block;
  font-size: 0.7em; 	
}

.tsuyomi_box_image {
width: 80px;
height: 80px;
margin: 0 auto;	
padding: 2% 0%;	
}

.tsuyomi_box_image img {
width: 100%;
height: 100%;	
}	
	
.tsuyomi_box p {
  font-size: 1em;       
  color: #666;
  line-height: 1.5;	
    margin-top: 0.5%;  
}

.tsuyomi_box p span {
  display: block;
  font-size: 0.8em;  
  margin-top: 2%;
}	
		

/* 説明内のリンクボタン */	
.btn_01,.btn_01_b,.btn_01_c,.btn_01_d {
  max-width: 80%;
  margin: 0 auto;
  margin-top:10%;	
}
	
a.btn_02 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid #228bc8;
  box-sizing: border-box;
  width: 100%;
  padding: 5% 6% 5% 12%;
  color: #228bc8;
  font-size: 1em;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
  border-radius: 3px;	
}
a.btn_02:hover {
  background: #228bc8;
  color: #fff;
}
a.btn_02:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #228bc8;
  position: absolute;
  top: 50%;
  left: 6%;
  margin-top: -6px;
}
a.btn_02:hover:before {
  border-color: transparent transparent transparent #fff;
}	
	
/* 説明内のリンクボタン */	
	
	

 /*3つの強みBOXここまで*/	
	
	
 /*売込みしません*/		
	
.model {	
  display:flex;
  flex-flow: column;
  width:83%;
  margin: 0 auto;
  padding: 5% 3%;
  align-items:center;
  line-height: 1.80em;		
}	
	
.model_1 {	 	
}	
	
.model_1 p {			
  font-size: 1.3em;
  color: #EF7565;
  font-weight: bold;
  text-align: center;
}	

.model_1 span {	
  display: inline-block;
  padding-top: 3%;
  color: #666;	
}		
	
.model_2 {	
  display: none;
}		
	
	
	
	
 /*関連リンク*/		
.other_btn {
	width: 100%;
	margin: 20px auto 10px auto;	
	text-align:center;
}	
	
.other_btn a {
    background: #e0e0e0;
    border: solid 1px #bababa;
    position: relative;
    display: inline-block;	
    justify-content: space-around;
    margin: 4px 2px ;
    width: 30%;
    padding: 10px 25px;
    color: #666;
    transition: 0.3s ease-in-out;
    font-weight: 600;
}
	
.other_btn a:hover {
    background: #e0e0e0;
    color: #666;
}
.other_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 45%;
    right: 17px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.other_btn a:hover:after {
    border-color: #666;
}	
	
	
/* ショールームの案内ここから */	
.showroom{
	width: 100%;	
	margin: 2% auto ;
	padding-bottom: 1%;
	background: #edf7fb;	
}	
	
.showroom_mds{
	width: 80%;
	margin: 5% auto 1% auto;
	padding:3% 1% 0.8% 1%;		
	color: #333;
	font-size: 1.3em;
	border-bottom: solid 2px #333;
	text-align: center;
	line-height: 1.3em;
}	
	
.showroom p{	
	margin: 2%;
	padding: 0% 2%;
	font-size: 1em;
	color: #42210b;
	line-height: 1.5em;
}
	
.showroom table{
	width: 100%;	
	margin: 1% auto;	
}	
	
.showroom td {
    display:inline-block;
    width: 45%; 
	padding:0.5% 2%;
}
	
.showroom table img{
	width: 100%;
	height: auto;
	border: solid 5px #fff;
}	
	
.attention p{
	font-size: 1.2em;
	color: #ff0000;
	font-weight: bold;
	margin: 1% auto;
}
	
.big_btn a{
  margin: 2% auto;	
  width: 80%;
  position: relative;
  display: block;
  justify-content: space-around;		
  padding: 4.2% 3% 4.5% 3%;
  background: #0071bc;	
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  text-align: center;	
  text-decoration: none;
  border: 1px solid #0071bc;	
  border-radius: 50px;
}	
	
.big_btn a span{
  font-size: 1.3em;
  padding: 0% 1%;	
}
	

.big_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 45%;
    right: 20px;
    border-radius: 1px;  
}	
	
	
/* ショールームの案内ここまで */		
		
	
	
/* 関連バナー横並び */
.company ul {
	width: 100%;
	text-align: center;
	margin: 10px auto;
  }

.company_banner {
	width: 95%;
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0 auto;
	flex-wrap: wrap;
}
	
.company_banner li{
	width: 90%;
	padding: 2%;
}
	
.company_banner img{
	width: 100%;
	object-fit: cover;	
	
	
}