@charset "UTF-8";
/* CSS Document */

/* ************************************************************
Title: top.css
Since: 2018-12-04
Last Modified: 2019-03-15
take_c takeshi
************************************************************ */
	
/* ************************************************************
MAIN_VISUAL メインビジュアル(修正)
************************************************************ */
div#main_visual
	{
	width:100%;
	height:auto;
	position:relative;
	padding:0;
	margin:0 auto 0;
	}
	
div#main_visual img
	{
	width:100%;
	}
	
div#main_visual .p02
	{
	position:absolute;
	width:16%;
	top:38%;
	left:42%;
	z-index:3456;
	}


/* ▼▼▼▼▼▼▼▼MaxWidth1480(LandScape)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1480px) {
 /* ************** */

div#main_visual .p02
	{
	width:20%;
	top:35%;
	left:40%;
	}
	
 /* *************** */
 
	}

/* ▼▼▼▼▼▼▼▼MaxWidth1024(LandScape)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1024px) {
 /* ************** */
	
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(Tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 960px) {
 /* ************** */

div#main_visual .p02
	{
	width:22%;
	top:34%;
	left:39%;
	}
	
 /* *************** */

	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth768(Tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 768px) {
 /* ************** */
	
 /* *************** */

	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(Mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
div#main_visual .p02
	{
	width:28%;
	top:28%;
	left:36%;
	}
	
 /* *************** */

	}
	
/* ************************************************************
CONTENTS コンテンツ全体
************************************************************ */
	
.contents
	{
	width:100%;
	margin:0 auto 0;
	position:relative;
	}

/* ▼▼▼▼▼▼▼▼MaxWidth1024(LandScape)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1024px) {
 /* ************** */

	
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(Tablet)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 960px) {
 /* ************** */

	
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth768(Tablet)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 768px) {
 /* ************** */

	
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(Mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */

	
 /* *************** */
	}
	
	
	
/* ************************************************************
CONTENTS コンテンツエリア01
************************************************************ */
	
.contents .content_area01, .contents .content_area02, .contents .content_area03
	{
	width:100%;
	max-width:1280px;
	padding:8% 4% 2%;
	margin:0 auto 0;
	}
	
.contents .content_area01 h1,.contents .content_area02 h1
	{
	width:50%;
	margin:0 auto 0;
	border-bottom:solid 1px #ea5413;
	padding:0 0.4% 1%;
	}
	
.contents .content_area01 .dl01
	{
	width:100%;
	margin:0 auto 0;
	}
	
.contents .content_area01 .dl01 dt
	{
	text-align:center;
	width:90%;
	max-width:600px;
	margin:10% auto 0;
	}
	
.contents .content_area01 .dl01 dd
	{
	text-align:center;
	width:90%;
	margin:5% auto 0;
	font-size:16px;
	line-height:280%;
	max-width:100%;
	}
	
.contents .content_area01 .dl01 dd span
	{
	color:#1b5c98;
	font-weight:600;
	}
	
	
.contents .content_area02 .dl01
	{
	width:100%;
	margin:6% auto 0;
	}
	
.contents .content_area02 .dl01 dt
	{
	text-align:center;
	width:90%;
	max-width:200px;
	margin:0 auto 0;
	padding:0 0 0;
	}
	
.contents .content_area02 .dl01 dd
	{
	text-align:center;
	width:90%;
	margin:4% auto 0;
	padding:0 0 5%;
	max-width:500px;
	}
	
.contents .content_area02 .btn01
	{
	width:50%;
	margin:5% auto 0;
	padding:0 0 8%;
	}
	
.contents .content_area02 .btn01 a
	{
	display:block;
	width:100%;
	font-size:16px;
	background:#ea5413;
	color:#FFF;
	line-height:340%;
	border-radius:30px;
	text-align:center;
	text-decoration:none;
	-webkit-transition:all .4s;
	transition:all .4s;
	}
	
.contents .content_area02 .btn01 a:hover
	{
	background:#FF3532;
	-webkit-transition:all .4s;
	transition:all .4s;
	}
	


/* ▼▼▼▼▼▼▼▼MaxWidth1024(LandScape)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1024px) {
 /* ************** */

.contents .content_area01, .contents .content_area02, .contents .content_area03
	{
	width:100%;
	max-width:100%;
	padding:10% 5% 2%;
	}
	
.contents .content_area01 h1,.contents .content_area02 h1
	{
	width:50%;
	padding:0 0.4% 1%;
	}
	
.contents .content_area01 .dl01
	{
	width:100%;
	margin:0 auto 0;
	padding:0 5% 0;
	}
	
.contents .content_area01 .dl01 dt
	{
	width:70%;
	max-width:100%;
	margin:10% auto 0;
	}
	
.contents .content_area01 .dl01 dd
	{
	text-align:center;
	width:100%;
	margin:5% auto 0;
	font-size:14px;
	line-height:280%;
	}
	
.contents .content_area02 .dl01
	{
	width:100%;
	margin:8% auto 0;
	}
	
.contents .content_area02 .dl01 dt
	{
	width:34%;
	max-width:100%;
	margin:0 auto 0;
	padding:0 0 0;
	}
	
.contents .content_area02 .dl01 dd
	{
	width:80%;
	margin:5% auto 0;
	padding:0 0 6%;
	max-width:100%;
	}
		
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(Tablet)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 960px) {
 /* ************** */

.contents .content_area02 .btn01
	{
	width:80%;
	margin:5% auto 0;
	padding:0 0 8%;
	}

.contents .content_area02 .btn01 a
	{
	font-size:16px;
	line-height:340%;
	border-radius:30px;
	-webkit-transition:none;
	transition:none;
	}
	
.contents .content_area02 .btn01 a:hover
	{
	background:#ea5413;
	-webkit-transition:none;
	transition:none;
	}
	
 /* *************** */
	}
		
/* ▼▼▼▼▼▼▼▼MaxWidth768(Tablet)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 768px) {
 /* ************** */

.contents .content_area01, .contents .content_area02, .contents .content_area03
	{
	padding:12% 0 2%;
	}
	
.contents .content_area01 h1, .contents .content_area02 h1, .contents .content_area03 h1
	{
	width:74%;
	padding:0 0.4% 1%;
	}
	
.contents .content_area01 .dl01 dt
	{
	width:90%;
	margin:12% auto 0;
	}
	
.contents .content_area01 .dl01 dd
	{
	text-align:justify;
	text-justify:inter-ideograph;
	width:90%;
	margin:5% auto 0;
	font-size:14px;
	line-height:240%;
	}
		
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(Mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */

.contents .content_area01, .contents .content_area02, .contents .content_area03
	{
	padding:12% 0 2%;
	}
	
.contents .content_area01 h1, .contents .content_area02 h1, .contents .content_area03 h1
	{
	width:82%;
	padding:0 0.4% 1%;
	}
		
.contents .content_area01 .dl01 dt
	{
	width:100%;
	margin:14% auto 0;
	}
	
.contents .content_area01 .dl01 dd
	{
	width:92%;
	margin:6% auto 0;
	font-size:14px;
	line-height:190%;
	border-left:solid 1px #ea5413;
	padding:0.5% 0 0.5% 5%;
	}
	
.contents .content_area01 .dl01 dd .br01
	{
	display:none;
	}
	
 /* *************** */
	}
	
	

	
	
/* ************************************************************
googleタグの余白をけす
************************************************************ */

iframe[name='google_conversion_frame'] { 
  height: 0 !important;
  width: 0 !important; 
  line-height: 0 !important; 
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}