@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, .contents .content_area03 h1
	{
	width:50%;
	margin:0 auto 0;
	border-bottom:solid 1px #ea5413;
	padding:0 0.4% 1%;
	}
	
.contents .content_area01 dl, .contents .content_area02 dl, .contents .content_area03 dl
	{
	width:100%;
	margin:8% auto 0;
	position:relative;
	}
	
.contents .content_area01 dl dt, .contents .content_area03 dl dt
	{
	float:left;
	width:40%;
	margin:0 auto 0;
	}
	
.contents .content_area01 dl dd, .contents .content_area03 dl dd
	{
	float:right;
	width:48%;
	font-size:16px;
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
.contents .content_area01 dl dd .div01 .p01, .contents .content_area03 dl dd .div01 .p01
	{
	font-size:16px;
	padding:1% 0 1%;
	line-height:180%;
	}
	
.contents .content_area01 dl dd .div01 .ul01 ,.contents .content_area03 dl dd .div01 .ul01
	{
	padding:2% 0 2%;
	}
	
.contents .content_area01 dl dd .div01 .ul01 li , .contents .content_area03 dl dd .div01 .ul01 li
	{
	font-size:18px;
	color:#1A72C9;
	line-height:180%;
	}
	
.contents .content_area01 dl dd .div01 .h201 , .contents .content_area03 dl dd .div01 .h201
	{
	font-size:18px;
	color:#1A72C9;
	line-height:180%;
	padding:3% 0 1%;
	}
	
.contents .content_area02 dl dt
	{
	float:right;
	width:40%;
	margin:0 auto 0;
	}
	
.contents .content_area02 dl dd
	{
	float:left;
	width:48%;
	font-size:16px;
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
.contents .content_area02 dl dd .div01 .p01
	{
	font-size:16px;
	padding:1% 0 1%;
	line-height:180%;
	}
	
.contents .content_area01 dl dd .div01 .btn01, .contents .content_area03 dl dd .div01 .btn01
	{
	width:70%;
	margin:10% 0 0 30%;
	}
	
.contents .content_area01 dl dd .div01 .btn01 a, .contents .content_area03 dl dd .div01 .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_area01 dl dd .div01 .btn01 a:hover, .contents .content_area03 dl dd .div01 .btn01 a:hover
	{
	background:#FF3532;
	-webkit-transition:all .4s;
	transition:all .4s;
	}
	
.contents .content_area02 dl dd .div01 .btn01
	{
	width:70%;
	margin:10% 30% 0 0%;
	}
	
.contents .content_area02 dl dd .div01 .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 dl dd .div01 .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, .contents .content_area03 h1
	{
	width:50%;
	padding:0 0.4% 1%;
	}
	
.contents .content_area01 dl, .contents .content_area02 dl, .contents .content_area03 dl
	{
	margin:8% auto 0;
	}
	
.contents .content_area01 dl dt, .contents .content_area03 dl dt
	{
	width:40%;
	}
	
.contents .content_area01 dl dd, .contents .content_area03 dl dd
	{
	width:54%;
	}
	
.contents .content_area01 dl dd .div01 .p01, .contents .content_area03 dl dd .div01 .p01
	{
	font-size:14px;
	padding:1% 0 1%;
	}
	
.contents .content_area01 dl dd .div01 .ul01 ,.contents .content_area03 dl dd .div01 .ul01
	{
	padding:2% 0 2%;
	}
	
.contents .content_area01 dl dd .div01 .ul01 li , .contents .content_area03 dl dd .div01 .ul01 li
	{
	font-size:16px;
	}
	
.contents .content_area01 dl dd .div01 .h201 , .contents .content_area03 dl dd .div01 .h201
	{
	font-size:16px;
	padding:3% 0 1%;
	}
	
.contents .content_area02 dl dt
	{
	width:40%;
	}
	
.contents .content_area02 dl dd
	{
	width:54%;
	}
	
.contents .content_area02 dl dd .div01 .p01
	{
	font-size:14px;
	padding:1% 0 1%;
	}
	
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(Tablet)▼▼▼▼▼▼▼▼ */

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

.contents .content_area01 dl dd .div01 .btn01, .contents .content_area03 dl dd .div01 .btn01
	{
	width:80%;
	margin:15% 0 0 20%;
	}
	
.contents .content_area01 dl dd .div01 .btn01 a, .contents .content_area03 dl dd .div01 .btn01 a
	{
	font-size:16px;
	line-height:340%;
	border-radius:30px;
	-webkit-transition:none;
	transition:none;
	}
	
.contents .content_area01 dl dd .div01 .btn01 a:hover, .contents .content_area03 dl dd .div01 .btn01 a:hover
	{
	background:#ea5413;
	-webkit-transition:none;
	transition:none;
	}
	
.contents .content_area02 dl dd .div01 .btn01
	{
	width:80%;
	margin:15% 20% 0 0%;
	}
	
.contents .content_area02 dl dd .div01 .btn01 a
	{
	font-size:16px;
	line-height:340%;
	border-radius:30px;
	-webkit-transition:none;
	transition:none;
	}
	
.contents .content_area02 dl dd .div01 .btn01 a:hover
	{
	background:#ea5413;
	-webkit-transition:none;
	transition:none;
	}
	
 /* *************** */
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(Tablet)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 900px) {
 /* ************** */
	
.contents .content_area01 dl dt, .contents .content_area03 dl dt
	{
	width:36%;
	}
	
.contents .content_area01 dl dd, .contents .content_area03 dl dd
	{
	width:60%;
	}
	
.contents .content_area02 dl dt
	{
	width:36%;
	}
	
.contents .content_area02 dl dd
	{
	width:60%;
	}	
	
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼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 dl, .contents .content_area02 dl, .contents .content_area03 dl
	{
	margin:8% auto 0;
	}
	
.contents .content_area01 dl dt, .contents .content_area03 dl dt
	{
	display:none;
	}
	
.contents .content_area01 dl dd, .contents .content_area03 dl dd
	{
	float:none;
	width:100%;
	}
	
.contents .content_area01 dl dd
	{
	background:url(../img/about/01_back.png) top left no-repeat;
	background-size:100%;
	padding:14% 5% 5%;
	}
	
.contents .content_area02 dl dd
	{
	background:url(../img/about/02_back.png) top left no-repeat;
	background-size:100%;
	padding:14% 5% 5%;
	}
	
.contents .content_area03 dl dd
	{
	background:url(../img/about/03_back.png) top left no-repeat;
	background-size:100%;
	padding:14% 5% 5%;
	}
	
.contents .content_area01 dl dd .div01, .contents .content_area02 dl dd .div01 , .contents .content_area03 dl dd .div01
	{
	background:rgba(255,255,255,0.6);
	padding:5% 6% 5%;
	border-radius:14px;
	}
	
.contents .content_area01 dl dd .div01 .p01, .contents .content_area03 dl dd .div01 .p01
	{
	font-size:16px;
	padding:2% 0 2%;
	}
	
.contents .content_area01 dl dd .div01 .ul01 ,.contents .content_area03 dl dd .div01 .ul01
	{
	padding:2% 0 2%;
	}
	
.contents .content_area01 dl dd .div01 .ul01 li , .contents .content_area03 dl dd .div01 .ul01 li
	{
	font-size:18px;
	}
	
.contents .content_area01 dl dd .div01 .h201 , .contents .content_area03 dl dd .div01 .h201
	{
	font-size:18px;
	padding:3% 0 1%;
	}
	
.contents .content_area02 dl dt
	{
	display:none;
	}
	
.contents .content_area02 dl dd
	{
	float:none;
	width:100%;
	}
	
.contents .content_area02 dl dd .div01 .p01
	{
	font-size:16px;
	padding:2% 0 2%;
	}
	
.contents .content_area01 dl dd .div01 .btn01, .contents .content_area03 dl dd .div01 .btn01
	{
	width:80%;
	margin:15% auto 0;
	}
	
.contents .content_area01 dl dd .div01 .btn01 a, .contents .content_area03 dl dd .div01 .btn01 a
	{
	font-size:16px;
	line-height:380%;
	border-radius:30px;
	}
	
.contents .content_area02 dl dd .div01 .btn01
	{
	width:80%;
	margin:15% auto 0;
	}
	
.contents .content_area02 dl dd .div01 .btn01 a
	{
	font-size:16px;
	line-height:340%;
	border-radius:30px;
	}
	
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼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 dl, .contents .content_area02 dl, .contents .content_area03 dl
	{
	margin:8% auto 0;
	}
	
.contents .content_area01 dl dd
	{
	padding:12% 5% 5%;
	}
	
.contents .content_area02 dl dd
	{
	padding:12% 5% 5%;
	}
	
.contents .content_area03 dl dd
	{
	padding:12% 5% 5%;
	}
	
.contents .content_area01 dl dd .div01, .contents .content_area02 dl dd .div01 , .contents .content_area03 dl dd .div01
	{
	padding:5% 6% 5%;
	border-radius:14px;
	}
	
.contents .content_area01 dl dd .div01 .p01, .contents .content_area03 dl dd .div01 .p01
	{
	font-size:14px;
	padding:2% 0 2%;
	}
	
.contents .content_area01 dl dd .div01 .ul01 ,.contents .content_area03 dl dd .div01 .ul01
	{
	padding:2% 0 2%;
	}
	
.contents .content_area01 dl dd .div01 .ul01 li , .contents .content_area03 dl dd .div01 .ul01 li
	{
	font-size:14px;
	}
	
.contents .content_area01 dl dd .div01 .h201 , .contents .content_area03 dl dd .div01 .h201
	{
	font-size:16px;
	padding:3% 0 1%;
	}
	
.contents .content_area02 dl dd .div01 .p01
	{
	font-size:14px;
	padding:2% 0 2%;
	}
	
.contents .content_area01 dl dd .div01 .btn01, .contents .content_area03 dl dd .div01 .btn01
	{
	width:90%;
	margin:15% auto 0;
	}
	
.contents .content_area01 dl dd .div01 .btn01 a, .contents .content_area03 dl dd .div01 .btn01 a
	{
	font-size:16px;
	line-height:300%;
	border-radius:30px;
	}
	
.contents .content_area02 dl dd .div01 .btn01
	{
	width:90%;
	margin:15% auto 0;
	}
	
.contents .content_area02 dl dd .div01 .btn01 a
	{
	font-size:16px;
	line-height:300%;
	border-radius:30px;
	}
	
 /* *************** */
	}
	
	

	
	
/* ************************************************************
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;
}