@charset "utf-8";
/* CSS Document */
/* 20190320 作成　ver.1.0*/

/*-------------------
製品ページ　お知らせ詳細用CSS
/contract/information/...
-------------------*/
#contract {
    font-size: 16px;
}
#sec-text,#sec-other{
	width: 100%;
	margin-bottom: 60px;
}
.contents {
    width: 90%;
    max-width: 64em;
    margin: auto;
}
.btn a:hover {
    opacity: 0.85;
    cursor: pointer;
}
p.tx-link a {
    font-size: 1.5em;
    line-height: 1.5em;
    color: #2684e2;
    text-decoration: underline;
}
p.tx-link a:hover {
    opacity: 0.8;
}


/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {}

/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {}




/*/-----------
メインビジュアル
---------------/*/
.page_title {
	background: linear-gradient(#f2e6ef, #fff5fc);
    text-align: center;
	padding: 6.75em 0 1.75em;
}
.page_title h1 {
	color: #934b81;
	font-weight: bold;
    font-size: 1.7em;
  /*  font-weight: bold;*/
    margin: 0;
    /*text-shadow: -2px -2px 40px #fff, 2px -2px 40px #fff, 2px 2px 40px #fff, -2px 2px 40px #fff;
*/
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
    .page_title {
		padding: 8em 0 2em;
    }

    .page_title h1 {
        font-size: 2em;
    }
}


/*/----------
タイトル関連
------------/*/
.release_title {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
h2 {
	font-weight: bold;
    text-align: left;
    font-size: 20px;
    line-height: 1.5em;
    padding: 20px 0;
}
.date {
	font-size: 14px;
}
.tag {
	font-size: 12px;
	color: #fff;
	background-color: #666666;
	float: right;
	padding: 3px 14px 2px;
	margin-top: -3px;
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	.release_title {
		margin-bottom: 40px;
	}
    h2 {
		padding: 60px 0 20px;
    }
}

h3{
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
    line-height: 1.5;
}
h3.headline1{
	background-color: #FCF2F9;
	border-bottom: 2px solid #934B81;
	padding: 8px 10px 6px 10px;
}
h3.headline2{
	font-weight: bold;
	border-left: 4px solid #934B81;
	padding: 8px 0 6px 10px;
}




/*/----------
本文・その他詳細情報
------------/*/
p span.text{
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 20px;
	display: block;
}
p span.text:last-child{
	margin-bottom: 0;
}
p span.text span.images{
	margin-bottom: 20px;
	display: block;
}
p span.text span.images img{
	width: 100%;
}
p span.text span.bold{
	font-weight: bold;
}
p span.text a{
	color: #2684e2;
    text-decoration: underline;
}

p.comments{
	background-color: #F1F0F0;
	padding: 20px;
	margin: 40px 0;
}
p.comments span.text{
	font-size: 12px;
	line-height: 20px;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {
	p span.text span.images{
		float: left;
		width: 400px;
		margin-right: 40px;
		margin-bottom: 10px;
	}
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	p span.text span.images{
		width: 460px;
	}
}





/*-----------------
 *ボタン
-----------------*/
.btn1,.btn2{
	margin: 20px 0;
}

.btn1 span,.btn2 span{
	display: block;
    max-width: 32em;
    margin: auto;
    text-align: center;
}
.btn1 span{
	width: 80%;
}
.btn2 span{
	width: 90%;
}

.btn1 a {
	padding: 10px 30px;
    background-color: #86B81B;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    display: block;
}
.btn2 a {
	padding: 15px 30px;
    background-color: #86B81B;
    border-radius: 6px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    display: block;	
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {
	.btn1 span{
		width: 260px;
	}
	.btn2 span{
		width: 400px;
	}	
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	.btn1 a:hover,.btn2 a:hover{
		opacity: 0.85;
	}
}







/*-----------------
 *空枠
-----------------*/
.mg20{
	width: 100%;
	height: 20px;
}
.mg40{
	width: 100%;
	height: 40px;
}
.mg60{
	width: 100%;
	height: 60px;
}