@charset "utf-8";
/* Copyright 2020 FSFIELD All Rights Reserved. */

@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	TOPICS

	------------------------------------------------------------ */

	/* ページタイトル
	---------------------------------------------- */
	.pagettl01{background-image: url("../topic/img/pc/bg_pagettl01.jpg");}
	
	/* 詳細ページ
	---------------------------------------------- */
	.article_single{margin-bottom: 80px;}
	
	.article_top{margin-bottom: 20px;}
	
	.article_top time{
		font-family:'Montserrat';
		display: block;
		font-size: 1.4rem;
		margin-bottom: 10px;
	}
	
	.article_top h3{
		font-weight: bold;
		font-size: 2.6rem;
		line-height: 1.4;
		padding-bottom: 20px;
		border-bottom: 1px solid #ECECFB;
	}
	
	/*--記事内容--*/
	.contents .bar01{
		display: block;
		width: 100%;
		height: 1px;
		background-color: #ECECFB;
		border: 0;
		margin: 30px 0;
	}
	
	.contents a{
		color: #20B7DF;
		text-decoration: underline !important;
	}
	
	.contents a:hover{text-decoration: none !important;}
	
	.contents p,
	.contents ul{margin-bottom: 25px;}
	
	.contents p:last-of-type,
	.contents ul:last-of-type{margin-bottom: 0;}
	
	.contents p + ul,
	.contents p + .wrap_image01,
	.contents ul + .wrap_image01,
	.contents ul + p{margin-top: 25px;}
	
	.contents ul li{margin-bottom: 10px;}
	
	.contents ul li:last-of-type{margin-bottom: 0;}
	
	.contents ul li a{
		text-decoration: underline;
		position: relative;
		padding-left: 15px;
		color: #22B7E0;
	}
	
	.contents ul li a:hover{opacity: 0.7}
	
	.contents ul li a::before{
		content: "";
		display: inline-block;
		background: #23B7E1;
		width: 8px;
		height: 8px;
		border-radius: 50px;
		position: absolute;
		top: 9px;
		left: 0;
	}
	
	.contents img{
		max-width: 100%;
		height: auto;
		vertical-align: text-bottom;
	}
	
	.contents .wrap_image01 img{margin: 0 5px 5px 0;}
	
	
}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	topic

	------------------------------------------------------------ */

	/* ページタイトル
	---------------------------------------------- */
	.pagettl01{background-image: url("../topic/img/sp/bg_pagettl01.jpg");}
	
	/* 詳細ページ
	---------------------------------------------- */
	.article_single{margin-bottom: 50px;}
	
	.article_top{margin-bottom: 20px;}
	
	.article_top time{
		font-family:'Montserrat';
		display: block;
		font-size: 1.3rem;
		margin-bottom: 10px;
	}
	
	.article_top h3{
		font-weight: bold;
		font-size: 2rem;
		line-height: 1.4;
		padding-bottom: 20px;
		border-bottom: 1px solid #ECECFB;
	}
	
	/*--記事内容--*/
	.contents .bar01{
		display: block;
		width: 100%;
		height: 1px;
		background-color: #ECECFB;
		border: 0;
		margin: 30px 0;
	}
	
	.contents a{
		color: #20B7DF;
		text-decoration: underline !important;
	}
	
	.contents p,
	.contents ul{margin-bottom: 25px;}
	
	.contents p:last-of-type,
	.contents ul:last-of-type{margin-bottom: 0;}
	
	.contents p + ul,
	.contents p + .wrap_image01,
	.contents ul + .wrap_image01,
	.contents ul + p{margin-top: 25px;}
	
	.contents ul li{margin-bottom: 10px;}
	
	.contents ul li:last-of-type{margin-bottom: 0;}
	
	.contents ul li a{
		text-decoration: underline;
		position: relative;
		padding-left: 15px;
		color: #22B7E0;
	}
	
	.contents ul li a::before{
		content: "";
		display: inline-block;
		background: #23B7E1;
		width: 8px;
		height: 8px;
		border-radius: 50px;
		position: absolute;
		top: 9px;
		left: 0;
	}
	
	.contents img{
		max-width: 100%;
		height: auto;
		vertical-align: text-bottom;
	}
	 
	.contents .wrap_image01 img{margin: 0 5px 5px 0;}
	

}/*--@media--*/