@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 .name01
	{
	position:absolute;
	width:60%;
	top:0;
	right:0%;
	z-index:3456;
	}
	
div#main_visual .div01
	{
	position:absolute;
	width:50%;
	max-width:100%;
	bottom:5%;
	left:25%;
	background:rgba(255,255,255,0.6);
	padding:1% 1% 1%;
	box-shadow:0px 0px 10px 3px #c2c2c2;
	border-radius:2px;
	z-index:3457;
	}
	
div#main_visual .div01 ul li
	{
	float:left;
	margin:1% 2%;
	width:46%;
	}


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


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

div#main_visual .div01
	{
	width:60%;
	bottom:3%;
	left:20%;
	padding:1% 1% 1%;
	box-shadow:0px 0px 10px 3px #c2c2c2;
	border-radius:2px;
	}
	
 /* *************** */
 
	}

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

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

div#main_visual .div01
	{
	width:70%;
	bottom:0;
	left:15%;
	padding:1.5% 1.5% 1.5%;
	box-shadow:0px 0px 8px 2px #bababa;
	border-radius:2px;
	}
	
div#main_visual .div01 ul li
	{
	float:left;
	margin:1% 2.4%;
	width:45.2%;
	}

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


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

div#main_visual .div01
	{
	width:74%;
	bottom:-2%;
	left:13%;
	padding:1.5% 1.5% 1.5%;
	box-shadow:0px 0px 8px 2px #bababa;
	border-radius:2px;
	}
	
 /* *************** */

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


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

div#main_visual .div01
	{
	width:80%;
	bottom:-5%;
	left:10%;
	padding:1.5% 1.5% 1.5%;
	box-shadow:0px 0px 8px 2px #bababa;
	border-radius:2px;
	}
	
 /* *************** */

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

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

div#main_visual .div01
	{
	width:90%;
	bottom:-6%;
	left:5%;
	padding:1.5% 1.5% 1.5%;
	box-shadow:0px 0px 8px 2px #bababa;
	border-radius:2px;
	}
	
 /* *************** */

	}
	
/* ************************************************************
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
	{
	width:100%;
	max-width:1280px;
	padding:8% 4% 2%;
	margin:0 auto 0;
	}
	
.contents .content_area01 .p01
	{
	width:100%;
	max-width:1100px;
	padding:2% 5% 2%;
	margin:0 auto 0;
	font-size:16px;
	line-height:300%;
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
.contents .content_area01 .p01 .span01
	{
	font-size:20px;
	}
		


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

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

.contents .content_area01
	{
	width:100%;
	max-width:100%;
	padding:10% 5% 2%;
	}
	
.contents .content_area01 .p01
	{
	width:100%;
	max-width:100%;
	padding:2% 5% 2%;
	margin:0 auto 0;
	font-size:14px;
	line-height:300%;
	}
	
.contents .content_area01 .p01 .span01
	{
	font-size:16px;
	}
	

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

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

.contents .content_area01 .p01
	{
	width:100%;
	max-width:100%;
	padding:2% 8% 2%;
	margin:0 auto 0;
	font-size:12px;
	line-height:220%;
	}
	
.contents .content_area01 .p01 .span01
	{
	font-size:14px;
	}
	
 /* *************** */
	}
		
/* ▼▼▼▼▼▼▼▼MaxWidth768(Tablet)▼▼▼▼▼▼▼▼ */

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

.contents .content_area01
	{
	padding:12% 0 2%;
	}
	
.contents .content_area01 .p01
	{
	width:100%;
	max-width:100%;
	padding:2% 8% 2%;
	margin:0 auto 0;
	font-size:12px;
	line-height:220%;
	}
		
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(Mobile)▼▼▼▼▼▼▼▼ */

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

.contents .content_area01
	{
	padding:12% 0 10%;
	}
	
 /* *************** */
	}
	
	
	
/* ************************************************************
CONTENTS コンテンツエリア02
************************************************************ */
	
.contents .content_area02
	{
	width:100%;
	max-width:1280px;
	padding:8% 4% 2%;
	margin:0 auto 0;
	}
	
.contents .content_area02 dl
	{
	width:100%;
	max-width:1280px;
	display:flex;
	flex-flow: row wrap;
	padding:8% 4% 2%;
	margin:0 auto 0;
	font-size: 16px;
	line-height: 180%;
	text-align: justify;
	}
	
.contents .content_area02 dl dt
	{
	width:21%;
	padding:1.8% 2%;
	border-right: solid 1px #B2B2B2;
	border-bottom: solid 1px #B2B2B2;
	font-weight: 600;
	}
	
.contents .content_area02 dl dd
	{
	width:79%;
	padding:1.8% 2%;
	border-bottom: solid 1px #B2B2B2;
	}
	

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

@media screen and (max-width: 1024px) {
 /* ************** */
.contents .content_area02 dl
	{
	max-width:100%;
	padding:5% 6% 6%;
	font-size: 14px;
	}	
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(Tablet)▼▼▼▼▼▼▼▼ */

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

@media screen and (max-width: 768px) {
 /* ************** */
 
.contents .content_area02 dl
	{
	font-size: 12px;
	}
	
.contents .content_area02 dl dt
	{
	width:30%;
	padding:2.2% 2.5%;
	}
	
.contents .content_area02 dl dd
	{
	width:70%;
	padding:2.2% 2.5%;
	}
		
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(Mobile)▼▼▼▼▼▼▼▼ */

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

.contents .content_area02 dl
	{
	font-size: 10px;
	}

 /* *************** */
	}
	
	

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