@charset "utf-8";
/*
--------------------------------------------------
Basic CSS
--------------------------------------------------*/
/* reset
--------------------------------------------------*/
section:after,
.top .headerCol:after,
.bottom .footerCol:after,
.writerinfo:after,
.clearfix:after
	{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
section,
.top .headerCol,
.bottom .footerCol,
.writerinfo,
.clearfix
{
	display:inline-block;
}
/*\*/
* html section,
* html .top .headerCol,
* html .bottom .footerCol,
* html .writerinfo,
* html .clearfix{
	height:1%;
}
section,
.top .headerCol,
.bottom .footerCol,
.writerinfo,
.clearfix
 {
	display:block;
}
/**/
.reset {
	clear:both;
	display:block;
	margin:0;
	padding:0;
	width:auto;
	height:1px;
	font-size:1px;
	line-height:1px;
	}
/* Common
--------------------------------------------------*/
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
html{
	font-size: 62.5%;
}
/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
body{
	margin:0;
	padding:0;
	font:14px/1.7em -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	font-size: 1.4rem;
	text-align:center;
	color:#666;
}
a:link,a:visited,a:active{
	color:#0a9eab;
	text-decoration:none;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration: underline;
	opacity:0.6;
}
a img{
	transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
}
a img:hover{
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}
.is-show {
	transform: translateY(0);
}
.innercol{
	width:860px;
	margin:0 auto;
	text-align:left;
}
.pc{
	display:inline-block;
}
.sp{
	display:none;
}
/*1	ヘッダー
1-1	左ロゴ+SNSボタン+CVボタン
------------------------------------------------*/
.top{
	width:100%;
	height:90px;
	margin:0 auto;
	padding:0;
	z-index:8000;
	background:#fff;
}
.top .headerCol{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
}
.top .leftcol{
	padding:0 0 0 14px;
	float:left;
}
.top .rightcol{
	margin:8px 0 0 0;
	padding: 0;
	float:right;
}
.top .leftcol h1{
	margin:24px 0 0 0;
	color:#000;
	text-align:left;
	font-size: 4.2rem;
	line-height:100%;
	font-weight:normal;
}
.top .leftcol h1.webfont1{
	font-family: 'Questrial', sans-serif;
}
.top .rightcol .snsCol{
	min-width: 136px;
	margin:0 0 20px 0;
	padding:0;
	vertical-align:bottom;
	display:inline-block;
	float:left;
}
.top .rightcol .snsCol ul{
	margin:0;
	padding:22px 0 0 0;
	list-style-type:none;
}
.top .rightcol .snsCol ul li{
	position:relative;
	width:30px;
	height:30px;
	margin:0 6px;
	text-align:center;
	box-sizing:border-box;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	float: right;
}
.top .rightcol .snsCol ul li a:after{
	content:"";
	margin:0;
	width:30px;
	height:30px;
	font-size: 2.8rem;
	line-height:100%;
	font-style:normal;
	font-family:'FontAwesome';
	color:#333;
	display:inline-block;
	text-align:center;
	vertical-align:bottom;
	box-sizing:border-box;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
}
.top .rightcol .snsCol ul li a:hover{
	color:#333;
	opacity:1;
}
.top .rightcol .snsCol ul li.tw a:after{
	content:"\f099";
}
.top .rightcol .snsCol ul li.fb a:after{
	content:"\f09a";
	box-sizing:border-box;
}
.top .rightcol .snsCol ul li.fb a:after{
	content:"\f09a";
	box-sizing:border-box;
}
.top .rightcol .snsCol ul li.icon-hatebu:before{
	padding:5px;
	font-size: 1.6rem !important;
	color:#fff;
	background:#333;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	vertical-align: baseline;
	vertical-align: -webkit-baseline-middle;
}
.top .rightcol .snsCol ul li.icon-hatebu a:after{
	display: none
}
.top .rightcol .snsCol ul li.tw a:hover:after{
	color:#55acee;
}
.top .rightcol .snsCol ul li.fb a:hover:after{
	color:#3b5998;
}
.top .rightcol .snsCol ul li.icon-hatebu:hover:before{
	background:#55acee;
}
.top .rightcol .linkcol{
	width:360px;
	float:left;
}
.top .rightcol .linkcol a{
	width:360px;
	margin:0;
	padding:12px;
	font-size: 1.6rem;
	line-height:150%;
	text-align:left;
	box-sizing:border-box;
	display:block;
	color: #fff;
}
.top .rightcol .linkcol a{
	text-decoration:none;
}
.top .rightcol .linkcol img{
	width:50px;
	margin:0 10px 0 0;
	float:left;
}
.top .linkcol_sp{
	display:none;
}
/*2	フッター
2-1	コピーライト+テキスト+ロゴ
------------------------------------------------*/
.bottom{
	width:100%;
	margin:80px 0 0 0;
	padding:0;
}
.bottom a:link,.bottom a:visited,footera:active{
	color:#666;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	text-decoration:underline;
}
.bottom a:hover {
	color:#666;
	text-decoration:none;
	opacity:0.6;
}
.bottom .footerCol{
	position:relative;
	width:100%;
	margin:0;
	padding:0 0 30px 0;
	text-align:left;
	color:#666;
    background:#e5e5e5;
	z-index:50;
	box-sizing:border-box;
}
.bottom .leftcol{
	padding:40px 0 0 14px;
	line-height:180%;
	float:left;
}
.bottom .rightcol{
	margin:0;
	padding:54px 14px 0 0;
	text-align:right;
	font-size: 1.2rem;
	float:right;
}
.bottom .leftcol .ttl{
	display:none;
}
.bottom .rightcol .ttl{
	margin:0 0 12px 0;
	color:#000;
	text-align:right;
	font-size: 4.1rem;
	line-height:100%;
	font-weight:normal;
	font-family:'Questrial', sans-serif;
}
/*3	サイドパーツ
3-1	スクロールに追従するボタン
------------------------------------------------*/
a.buybtn{
	position:fixed;
	right:0;
	bottom:0;
	width:210px;
	height:80px;
	padding:15px;
	color:#fff !important;
	text-align:left;
	text-decoration:none !important;
	box-sizing:border-box;
	display:block;
	z-index:2000;
	display:none;
}
a.buybtn img{
	width:50px;
	top: 0;
	bottom: 0;
	margin:0 14px 0 0;
	float:left;
}
a.buybtn span{
	margin:10px 0 0 0;
	font-size: 1.9rem;
	display: block;
}
/*4	セクション
4-1	ノーマル
------------------------------------------------*/
.mainimg{
	width:100%;
	min-height: 396px;
	margin:0;
	padding: 40px 0 24px;
	background: no-repeat 50% 22%;
	background-size:cover;
}
.maincatch{
	width:100%;
	margin:0 0 36px 0;
	padding: 40px 0 24px;
}
.maincatch h2.catchttl{
	margin:0;
	font-size: 3rem;
	line-height:170%;
	color:#000;
	text-align:left;
	font-weight: bold;
}
.maincatch .prtxt{
	text-align:right;
}
/*4-2	パララックス
------------------------------------------------*/
.paracol{
	position:static;
	padding: 0;
	margin:0 0 70px 0;
	width:100%;
	z-index:300;
	background:no-repeat 50% 22%;
	background-size:cover;
}
.paracol .parainner{
	width:100%;
}
.paracol .parainner .innercol{
	padding:0;
	text-align:center;
}
.paracol .parainner .innercol h3{
	margin:0 0 15px 0;
	padding:0;
	font-size: 3.9rem;
	color:#000;
	line-height:150%;
	font-weight:bold;
	text-shadow: 0px 0px 20px rgba(255,255,255,1);
}
.paracol .parainner .innercol img{
	max-width: 100%;
}
/*4-3	最大幅ブロック
------------------------------------------------*/
.imgcol{
	width:100%;
	max-width:1200px;
	margin:0 auto 50px;
	padding:0;
}
.imgcol img{
	width:100%;
}
/*5	オブジェクト-1
5-1	見出し
------------------------------------------------*/
.innercol h3{
	margin:0 0 24px 0;
	font-size: 2.6rem;
	line-height:130%;
	color:#000;
}
h3.title1{
	padding:18px 0;
	border-top:2px solid;
	border-bottom:2px solid;
	font-weight: bold;
}
h3.title2{
    position:relative;
    padding:12px 0 12px 38px;
    border-bottom: 3px solid;
    background-size:26px;
    font-weight: bold;
}
h3.title2:before{
    content:"";
    position: absolute;
    top:16px;
    left:16px;
    width:14px;
    height:14px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h3.title2:after{
    content: "";
    position: absolute;
    top:34px;
    left:8px;
    height:10px;
    width:10px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
h3.title3{
    position:relative;
    padding:0 0 0 36px;
    font-weight: bold;
}
 
h3.title3:before{
    content:"";
    position:absolute;
    top:8px;
    left:0;
    width:20px;
    height:20px;
}
h3.title4{
    position:relative;
    padding:0;
    background-size:24px;
    font-weight: bold;
}
 
h3.title4:before{
	content:"\f046";
	margin:-2px 8px 0 0;
	padding:0;
	line-height:1;
	font-size: 2.6rem;
	font-style:normal;
	font-family:'FontAwesome';
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}
h3.title5{
	position:relative;
	margin:0 0 38px 0;
	padding:12px;
	color:#fff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-sizing:border-box;
	font-weight: bold;
}
h3.title5:after{
  content:'';
  border-top: 20px solid;
  border-right:12px solid transparent;
  border-left:12px solid transparent;
  margin-left:-10px;
  position:absolute;
  bottom:-20px;
  left:12%;
}
h3.title6{
	padding:12px;
	color:#fff;
	box-sizing:border-box;
	font-weight: bold;
}
h3.title7{
	padding:8px 12px;
	border-left: 8px solid;
	box-sizing:border-box;
	font-weight: bold;
}
h3.title8{
	padding:5px;
	color:#fff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-sizing:border-box;
}
h3.title8 span{
	padding:6px 8px;
	color:#fff;
	border: 2px dashed;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-sizing:border-box;
	font-weight: bold;
	display: block;
}
h3.title9{
	padding:0;
	color:#000;
	font-weight:normal;
	box-sizing:border-box;
}
h3.title10{
 	padding:12px 0;
 	border-bottom: 3px solid;
 	font-weight: bold;
}
 
h3.title11{
 	padding:12px 0;
 	border-bottom: 1px solid;
 	position: relative;
 	font-weight: bold;
}
 
h3.title11:after{
 	content: "";
 	border-bottom: 3px solid;
 	position: absolute;
 	left: 0;
 	right: 0;
 	bottom: -8px;
}
h4.title12{
	margin:0 0 24px 0;
	padding:8px;
	font-size: 2.1rem;
	line-height:130%;
	color:#000;
	border: 1px solid;
	box-sizing:border-box;
}
h4.title12 span{
	border-left: 6px solid;
	padding:0 0 0 6px;
	box-sizing:border-box;
	font-weight: bold;
	display: block;
}

/*5	オブジェクト-2
5-2	テキストを含むレイアウト
------------------------------------------------*/
.articletxt{
	font-size: 1.8rem;
	line-height:200%;
	margin-bottom: 24px;
}
img.pict  {
    max-width: 100%;
    display: block;
    margin: auto;
}
/*5	オブジェクト-3
5-2	テキストを含むレイアウト
------------------------------------------------*/
.phcol1{
	width:49%;
	float:left;
}
.imageright .phcol1{
	float:right;
}
.txtcol1{
	width:49%;
	margin:0;
	padding:0;
	float:right;
}
.imageright .txtcol1{
	float:left;
}
.phcol2{
	width:30%;
	margin:0 24px 0 0;
	float:left;
}
.imageright .phcol2{
	float:right;
	margin: 0 0 0 24px;
}
.txtcol2{
	margin:0;
	padding:0;
}
/*5	オブジェクト-4
5-2	テキストを含むレイアウト
------------------------------------------------*/
.col{
	width:48.4%;
	margin: 0;
	padding:0;
	float:left;
}
.col:nth-child(2n){
	float:right;
}
.col .phcol{
	width:100%;
	margin:0 0 20px 0;
	line-height: normal;
}
.col p,
.col2 p,
.col3 p {
	margin: 0 0 14px;
}
.phcol1 img,
.phcol2 img,
.col .phcol img,
.col .phcol2 img,
.col2 .phcol img,
.col3 .phcol img{
	max-width:100%;
	display: block;
 margin-left: auto;
 margin-right: auto;
}
.col .phcol2{
	width:100%;
	margin: 10px 0 0 0;
}
.col .txtcol{
	font-size: 1.8rem;
	line-height:200%;
	margin-bottom: 0;
}
/*5	オブジェクト-5
5-2	テキストを含むレイアウト
------------------------------------------------*/
.col2{
	width:32%;
	margin:0 2% 0 0;
	padding:0;
	float:left;
}
.col2:nth-child(3n){
	width:32%;
	margin:0;
	padding:0;
	float:right;
}
.col2 .phcol{
	width:100%;
	margin:0 0 20px 0;
	line-height: normal;
	text-align: center;
}
.col2 .txtcol{
	font-size: 1.8rem;
	line-height:200%;
}
/*5	オブジェクト-6
5-2	テキストを含むレイアウト
------------------------------------------------*/
.col3{
	width:23.5%;
	margin:0 2% 0 0;
	padding:0;
	float:left;
}
.col3:nth-child(4n){
	width:23.5%;
	margin:0;
	padding:0;
	float:right;
}
.col3 .phcol{
	width:100%;
	margin:0 0 20px 0;
	line-height: normal;
}
.col3 .txtcol{
	font-size: 1.8rem;
	line-height:200%;
}
/*5	オブジェクト-7
5-3	各要素をフェードインで遅れてふわっと表示
------------------------------------------------*/
.fadeelm .fadein{
  opacity: 0.2;
}
/*5	オブジェクト-8
5-4	コンバージョンボタン
5-4	コンバージョンボタン2
角丸はlib.css - "Radius"を参照
------------------------------------------------*/
.btnCol{
	width:700px;
	margin:0 auto;
}
.btnCol a{
	position:relative;
	height:135px;
	margin:0 0 40px 0;
	padding:54px 0 0 0;
	font-size: 3.6rem;
	letter-spacing:3px;
	color: #fff;
	text-align:center;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	box-sizing:border-box;
	display:block;
}
.btnCol a:hover{
	text-decoration: none;
}
.btnCol .btn01{
	position:absolute;
	top:0;
	bottom: 0;
	margin: auto;
	left: 5%;
	max-width:100px;
	max-height:100px;
	background:no-repeat 30px 50%;
}
.btnCol .btn02{
	-webkit-animation-duration:2s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-duration:2s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
#button a{
	position:relative;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	transition:.25s linear;
	-webkit-transition:.25s linear;
	-moz-transition:.25s linear;
	display:block;
	z-index:2;
}
#button a:hover {
	background-color: #ffffff;
}
#button a:before {
	display: block;
	position: absolute;
	z-index: -1;
	left: -30%;
	top:-50%;
	content: "";
	width:50px;
	height:300px;
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 	background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
	animation: shiny 3s infinite linear;
	-webkit-animation: shiny 3s infinite linear;
	-moz-animation: shiny 3s infinite linear;
}
@keyframes shiny {
	0% {
		left: -30%;
	}
	20% {
		left: 120%;
	}
	100% {
		left: 120%;
	}
}
@-webkit-keyframes shiny {
	0% {
		left: -30%;
	}
	20% {
		left: 120%;
	}
	100% {
		left: 120%;
	}
}
@-moz-keyframes shiny {
	0% {
		left: -30%;
	}
	20% {
		left: 120%;
	}
	100% {
		left: 120%;
	}
}
/*5	オブジェクト-9
5-5	グラフ
------------------------------------------------*/
.graphcol{
	position:relative;
	width:406px;
	margin:0 auto 60px;
	padding:120px 0;
	text-align:center;
  	box-sizing:border-box;
}
.graphcol svg.svg01{
	position:absolute;
	top:0;
	left:0;
	width:406px;
	height:406px;
    transform:rotate(-89deg);
    -moz-transform: rotate(-89deg);
    -webkit-transform: rotate(-89deg);
    -o-transform: rotate(-89deg);
    -ms-transform: rotate(-89deg);
    z-index:200;
}
.graphcol svg.svg02{
	position:absolute;
	top:0;
	left:0;
	width:406px;
	height:406px;
    transform:rotate(-89deg);
    -moz-transform: rotate(-89deg);
    -webkit-transform: rotate(-89deg);
    -o-transform: rotate(-89deg);
    -ms-transform: rotate(-89deg);
    z-index:190;
}
.graphcol svg.svg01 circle{
	margin:0;
	padding:0;
    fill:transparent;
    stroke:#ccc;
  	box-sizing:border-box;
}
.graphcol.on svg.svg01 circle{
    stroke-width:44;
}
.graphcol svg.svg02 circle{
	margin:0;
	padding:0;
    fill:transparent;
    stroke:#ccc;
    stroke-width:44;
  	box-sizing:border-box;
}
.graphcol .number{
	margin:0 0 14px 0;
	font-size: 11.2rem;
	line-height:70%;
}
.graphcol .number .count{
	display:inline;
}
.graphcol .number span{
	font-size: 7.8rem;
}
.graphcol .txt{
	font-size: 1.8rem;
	line-height:180%;
	font-weight:bold;
}
.graphcol .txt span{
	font-size: 3.2rem;
}
/*5	オブジェクト-10
5-6	ライター自己紹介
------------------------------------------------*/
.writerinfo{
	width:460px;
	margin:0 0 14px 0;
	padding:8px 14px;
	color:#999;
	border:1px solid #ececec;
	box-sizing:border-box;
}
.writerinfo img{
	margin:0 12px 0 0;
	padding:0;
	width:80px;
	height:80px;
	border-radius:100%;
	display:block;
	float:left;
}
.writerinfo .txt{
	width:336px;
	margin:0;
	padding:4px 0 0 0;
	float:left;
}
.writerinfo .name{
	margin:0 0 4px 0;
	padding:0;
	font-size: 1.9rem;;
}
.writerinfo .name span{
	font-size: 1.3rem;
}
/*5	オブジェクト-11
5-7	商品紹介
------------------------------------------------*/
.productcol{
	padding:40px 60px;
	border:2px solid #dedede;
	box-sizing:border-box;
}
.productcol .photo{
	width:30%;
	padding:50px 0 0 0;
	float:left;
}
.productcol .txt{
	width:64%;
	font-size: 1.5rem;
	line-height:150%;
	float:right;
}
.productcol .photo img{
	width:100%;
}
.productcol .txt .ttl{
	font-size: 1.9rem;
	line-height:150%;
	margin:0 0 10px 0;
}
.productcol .txt .ttl span{
	font-size: 3rem;
	line-height:150%;
}
.productcol .txt a.btn{
	position:relative;
	margin:24px 0 0 0;
	padding:16px 20px;
	letter-spacing:4px;
	font-size: 1.9rem;
	text-align:center;
	color:#666;
	background:#dedede;
	display:block;
	box-sizing:border-box;
}
.productcol .txt a.btn:hover{
	text-decoration: none;
}
.productcol .txt a.btn:after{
	position:absolute;
	top:14%;
	right:12px;
	content:"\f105";
	margin:0;
	padding:0;
	line-height:1;
	font-size: 4rem;
	font-style:normal;
	font-family:'FontAwesome';
	color:#fff;
	display:inline-block;
	text-align:right;
	vertical-align:middle;
}
/*5	オブジェクト-12
5-8	画像の上に文字
------------------------------------------------*/
.txtoverimg{
	position:relative;
	width:100%;
	max-width:1200px;
	margin: 0 auto 40px;
	padding-top:40%;
	background: no-repeat 50% 22%;
	background-size:cover;
}
.txtoverimg .imgtxt{
	position:absolute;
	left:0;
	bottom:0;
	margin:0;
	padding:40px 20px 20px;
	width:100%;
	color:#fff;
	font-size: 1.6rem;
	background: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7)));
	box-sizing:border-box;
}
/*5	オブジェクト-13
5-9	メディア風タグ
------------------------------------------------*/
.tagcol{
	margin:0 0 30px 0;
	padding:20px 14px;
	font-size: 1.6rem;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	box-sizing:border-box;
}
.tagcol .index{
	width:80px;
	color:#999;
	list-style-type:none;
	margin:0 10px 0 0;
	padding:6px 0 0 0;
	display: inline-block;
}
.tagcol ul.taglist{
	list-style-type:none;
	margin:0;
	padding:0;
	display: inline-block;
}
.tagcol ul.taglist li{
	color:#999;
	line-height:120%;
	margin:0 8px 8px 0;
	padding:6px 12px;
	border:1px solid #999;
	box-sizing:border-box;
	display:inline-block;
}
/*5	オブジェクト-14
5-10	引用ブロック
------------------------------------------------*/
.quotescol{
	position:relative;
	width:80%;
	margin:60px auto;
	padding:40px 60px;
	font-size: 1.8rem;
	line-height:200%;
	color:#666;
	border:2px solid #ccc;
	box-sizing:border-box;
	background-size:24px;
}
.quotescol:before{
	position:absolute;
	left:16px;
	top:16px;
	content:"\f10d";
	font-size: 3.2rem;
	font-style:normal;
	font-family:'FontAwesome';
	color:#ccc;
}
.quotescol:after{
	position:absolute;
	right:14px;
	bottom:10px;
	content:"\f10e";
	font-size: 3.2rem;
	font-style:normal;
	font-family:'FontAwesome';
	color:#ccc;
}
/*5	オブジェクト-15
5-11	セリフ
------------------------------------------------*/
.opcol{
	margin:0 0 30px 0;
}
.opcol .photo{
	width:130px;
	float:left;
}
.opcol .photo img{
	width:100%;
}
.opcol .txt{
	width:696px;
	padding:0 0 0 22px;
	float:right;
}
.opcol .txt .txtcol{
	position: relative;
	padding:14px 30px;
	font-size: 1.7rem;
	line-height:150%;
	background:#fdf8eb;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-sizing:border-box;
}
.opcol .txt .txtcol:after{
	border-right:18px solid #fdf8eb;
	border-top:12px solid transparent;
	border-bottom:12px solid transparent;
	content:'';
	margin-top:-10px;
	position:absolute;
	left:-18px;
	top:22%;
}
.opcol.imageright .photo{
	float:right;
}
.opcol.imageright .txt{
	padding:0 22px 0 0;
	float:left;
}
.opcol.imageright .txt .txtcol:after{
	border-right:0;
	border-left:18px solid #fdf8eb;
	right:-18px;
	left:auto;
}
.opcol .txt h4{
	margin:0 0 14px 0;
	padding:0;
	font-size: 2.1rem;
	line-height:120%;
	border:none;
	box-sizing:border-box;
	font-weight: bold;
}
.opcol .txt h4 span{
	font-size: 1.3rem;
	color:#333;
	font-weight:normal;
}
/*5	オブジェクト-16
5-12	チェックボックス
------------------------------------------------*/
ul.checkbox{
	list-style-type:none;
	text-align:left;
	margin:0;
	padding:0;
}
ul.checkbox li{
	font-size: 3rem;
	line-height:130%;
	color:#000;
	margin:0 0 14px 0;
	padding:0;
}
ul.checkbox li:before{
	content:"\f046";
	margin:-2px 16px 0 0;
	padding:0;
	line-height:1;
	width:20px;
	font-size: 3rem;
	font-style:normal;
	font-family:'FontAwesome';
	color:#e60012;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}
/*5	オブジェクト-17
5-13	ノーマルな囲み
------------------------------------------------*/
.normalwrap{
	width:100%;
	margin:0 auto;
	padding:30px;
	font-size: 1.7rem;
	line-height:180%;
	box-sizing:border-box;
	border: 2px solid;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
.normalwrap h4.innerttl{
	margin:0 0 14px 0;
	padding:0;
	font-size: 2.4rem;
	line-height:120%;
	border:none;
	box-sizing:border-box;
	font-weight: bold;
}
.bgclrwrap{
	width:700px;
	margin:0 auto;
	padding:40px 60px;
	box-sizing:border-box;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
.bgclrwrap h3.innerttl{
	text-align:center;
	margin: 0;
}
.bgclrwrap h3.innerttl span{
	margin:0 auto 20px;
	font-size: 2.5rem;
	display:inline-block;
	border-bottom:1px solid #000;
	font-weight: bold;
}
/*5	オブジェクト-18
5-14	罫線
------------------------------------------------*/
.ruledline{
	position:relative;
	width:100%;
	margin: 60px auto 24px;
	padding:40px 60px;
	font-size: 1.8rem;
	line-height:200%;
	box-sizing:border-box;
	background:#fdf8eb;
}
.ruledline h4.innerttl{
	margin:0 0 14px 0;
	padding:0;
	font-size: 3.1rem;
	line-height:130%;
	text-align:center;
	border:none;
	font-weight: bold;
}
.underline{
	line-height:240%;
	padding:0 0 6px 0;
	border-bottom:2px dashed #b1ada4;
}