@charset "utf-8";

/*PC・タブレット・スマホ(全端末)共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*contents */
.contents {
margin-top: 110px !important;
}
/*右側コンテンツ*/
.cont-right {
margin-top: 27px;
}
/*パンくずリスト*/
.pankuzu{
	color: #303030;
	padding-bottom: 0.1em;

}
.pankuzu a{
	color: #008B8B;
	text-decoration: underline;
}
/*上部外側のブロック*/
.about_inner_01 {
	background: #FFF;
	width: 80%;
	padding: 10% 10% 0 10%;
	position: relative;
}
.about_inner_01a {
	background: #FFF;
	width: 80%;
	padding: 5% 10% 10% 10%;
	position: relative;
}
/*バックナンバータグ*/
h2.about_tag {
	position: absolute;
	top: 0;
	left: 0;
	width: 260px;
	height: 40.04px;
	background-color: rgba(75,176,182,0.3);
	border-bottom: 4px solid #008B8B;
	line-height: 44px;
	text-align: center;
	color: rgb(0,139,139);
	font-size: 14px;
	font-weight: 600;
}
h2.about_tag:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-right: 30px solid transparent;
  border-top: 44.04px solid rgba(75,176,182,0.3);
}
/*メイン画像*/
.about_main_img {
	height: 200px;
	widht: 100%;	
	position: relative;
}
.about_main_logo {
	position: absolute;
	width: 40%;
	height: auto;
	top: 40%;
	left: 0;
}
.about_main_sample {
	position: absolute;
	width: 25%;
	height: auto;
	bottom: 0;
	right: 5%;
}

/*本文*/
.about_text {
	margin: 3% 0;	
}
.about_text p {
	padding: 3% 0 0;
	font-size: 14px;
	color: #303030;
}
.about_name {
	text-align: right;
	color: #303030;
        margin-bottom: 3%;
}
/*ライン*/
hr {
	margin-top: 7%;
}
/*下部外側のブロック*/
.about_inner_02 {
	background: #FFF;
	width: 80%;
	padding: 8% 10%;
	line-height: 1.8;
}
.about_inner_03 {
	background: #F8F5F5;
	width: 80%;
	padding: 8% 10%;
	line-height: 1.8;
}
/*ダウンロード上の注意*/
h3.about_note {
	font-size: 16px;
	font-weight: 600;
	color: #303030;
	border-bottom: 1px solid #707070;
	padding-bottom: 20px;
}
.about_text_important {
	font-size: 14px;
	color: #303030;
	border: 1px solid #303030;
	padding: 3%;
	margin-top: 2%;
}

/*--.cont-left*/

.cont-left{
	width: 100% !important;
}

/*　PC狭め〜iPad Pro設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 75em){
/*contents */
.contents {
	margin-top: 90px !important;
}

}




/*スマホ設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 769px) {
.contents {
	margin-top: 70px !important;
	margin-bottom: 19%;
}
.pankuzu {
	font-size: 13px;
	margin-bottom: 0;
}
/*メイン画像*/
.about_main_img {
	height: 23rem;
	width: 100%;	
	position: relative;
}
.about_main_logo {
	position: absolute;
	width: 50%;
	height: auto;
	top: 12%;
	left: 25%;
}
.about_main_sample {
	position: absolute;
	width: 40%;
	height: auto;
	margin:0 30%;

}
/*上部外側のブロック*/
.about_inner_01 {
	width: 90%;
	padding: 9% 5% 3%;
	line-height: 1.7;
}
.about_inner_01a {
	width: 90%;
	padding: 9% 5%;
	line-height: 1.7;
}
.about_text p {
	padding:3% 0;
}
.about_name {
	text-align: left;
}
/*ライン*/
hr {
	margin: 13% 0;
}
/*下部外側のブロック*/
.about_inner_02 {
	background: #F8F5F5;
	width: 100%;
	padding: 3% 0;
	margin-top: 2%;
	line-height: 1.7;
}
/*ダウンロード上の注意*/
h3.about_note {
	font-size: 20px;
	font-weight: 600;
	color: #707070;	
	text-align: center;
	line-height: 1.5;
	padding: 5% 0;
}
.about_text_important {
	line-height: 1.5;
	padding:5%;
	margin: 5% 0;
}
	
	.about_text{
		margin:6% 0 13%;
	}
	.cont-right{
		display: none;
	}
	

}
@media screen and (max-width: 480px) {
.about_inner_01 {
    width: 90%;
    padding: 13% 5% 3%;
    line-height: 1.7;
}
.about_inner_01a {
    width: 90%;
    padding: 13% 5%;
    line-height: 1.7;
}
.about_main_img {
    height: 13rem;
    width: 100%;
    position: relative;
}
}