@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
	{
	width:100%;
	max-width:1280px;
	padding:8% 8% 2%;
	margin:0 auto 0;
	}
	
.contents .content_area01 h2
	{
	width:98%;
	max-width:100%;
	margin:0 auto 0;
	border-left:solid 20px #ffa234;
	padding:0.3% 0 0.3% 3%;
	font-size:16px;
	line-height:160%;
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
	
.contents .content_area01 .dl01
	{
	width:100%;
	max-width:100%;
	margin:14% auto 0;
	}
	
.contents .content_area01 .dl01 .male
	{
	width:24%;
	margin:0 76% 0 0;
	background:#48a7bb;
	line-height:300%;
	text-align:center;
	color:#fff;
	border-radius:28px;
	}
	
.contents .content_area01 .dl01 .female
	{
	width:24%;
	margin:0 76% 0 0;
	background:#f26fac;
	line-height:300%;
	text-align:center;
	color:#fff;
	border-radius:28px;
	}
	
.contents .content_area01 .dl01 dd
	{
	width:100%;
	max-width:100%;
	margin:5% auto 0;
	}
	
.contents .content_area01 .dl01 dd h3
	{
	width:100%;
	border-bottom:solid 1px #373737;
	margin:0 auto 0;
	line-height:160%;
	font-size:24px;
	text-align:left;
	padding:0.6% 0.1%;
	font-weight:600;
	}

.contents .content_area01 .dl01 dd p
	{
	width:100%;
	margin:4% auto 0;
	line-height:210%;
	font-size:16px;
	text-align:justify;
	text-justify:inter-ideograph;
	padding:0.5% 0.1% 5%;
	border-bottom:dashed 1px #A6A6A6;
	}
	
.btn01
	{
	width:60%;
	max-width:500px;
	margin:8% auto 0;
	}	
	
.btn01 a
	{
	display:block;
	width:100%;
	font-size:16px;
	background:#ea5413;
	color:#FFF;
	line-height:360%;
	border-radius:30px;
	text-align:center;
	text-decoration:none;
	-webkit-transition:all .4s;
	transition:all .4s;
	}
	
.btn01 a:hover
	{
	background:#FF3532;
	-webkit-transition:all .4s;
	transition:all .4s;
	}

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

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

.contents .content_area01
	{
	width:100%;
	max-width:100%;
	padding:8% 8% 2%;
	margin:0 auto 0;
	}
	
.contents .content_area01 h2
	{
	width:100%;
	border-left:solid 18px #ffa234;
	padding:0.4% 0 0.4% 2.6%;
	font-size:14px;
	line-height:180%;
	}
	
	
.contents .content_area01 .dl01
	{
	margin:14% auto 0;
	font-size:14px;
	}
	
.contents .content_area01 .dl01 .male
	{
	width:28%;
	margin:0 72% 0 0;
	line-height:300%;
	border-radius:28px;
	}
	
.contents .content_area01 .dl01 .female
	{
	width:28%;
	margin:0 72% 0 0;
	line-height:300%;
	border-radius:28px;
	}
	
.contents .content_area01 .dl01 dd
	{
	margin:5% auto 0;
	}
	
.contents .content_area01 .dl01 dd h3
	{
	line-height:160%;
	font-size:20px;
	padding:0.6% 0.1%;
	font-weight:600;
	}

.contents .content_area01 .dl01 dd p
	{
	margin:5% auto 0;
	line-height:200%;
	font-size:14px;
	padding:0.5% 0.1% 6%;
	}
	
.btn01
	{
	width:44%;
	max-width:100%;
	margin:8% auto 0;
	}	
	
.btn01 a
	{
	font-size:14px;
	line-height:360%;
	border-radius:30px;
	-webkit-transition:none;
	transition:none;
	}
	
.btn01 a:hover
	{
	background:#ea5413;
	-webkit-transition:none;
	transition:none;
	}
	
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(Tablet)▼▼▼▼▼▼▼▼ */

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

@media screen and (max-width: 768px) {
 /* ************** */
.contents .content_area01
	{
	padding:8% 6% 2%;
	}
	
.contents .content_area01 h2
	{
	border-left:solid 12px #ffa234;
	padding:0.4% 0 0.4% 2.2%;
	font-size:12px;
	line-height:180%;
	}
	
	
.contents .content_area01 .dl01
	{
	margin:14% auto 0;
	font-size:14px;
	}
	
.contents .content_area01 .dl01 .male
	{
	width:32%;
	margin:0 68% 0 0;
	line-height:300%;
	border-radius:28px;
	}
	
.contents .content_area01 .dl01 .female
	{
	width:32%;
	margin:0 68% 0 0;
	line-height:300%;
	border-radius:28px;
	}
	
.contents .content_area01 .dl01 dd h3
	{
	line-height:160%;
	font-size:18px;
	padding:0.6% 0.1%;
	font-weight:600;
	}

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

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

.contents .content_area01
	{
	padding:10% 6.6% 3%;
	}
	
.contents .content_area01 h2
	{
	border-left:none;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:12px;
	line-height:160%;
	letter-spacing:-0.08em;
	}
	
.contents .content_area01 h2 .br01
	{
	display:none;
	}
	
	
.contents .content_area01 .dl01
	{
	margin:14% auto 0;
	font-size:14px;
	}
	
.contents .content_area01 .dl01 .male
	{
	width:50%;
	margin:0 50% 0 0;
	line-height:290%;
	border-radius:28px;
	}
	
.contents .content_area01 .dl01 .female
	{
	width:50%;
	margin:0 50% 0 0;
	line-height:290%;
	border-radius:28px;
	}
	
.contents .content_area01 .dl01 dd
	{
	margin:5% auto 0;
	width:100%;
	padding:0 2%;
	}
	
.contents .content_area01 .dl01 dd h3
	{
	line-height:160%;
	font-size:18px;
	padding:0.6% 0.1%;
	font-weight:600;
	}

.contents .content_area01 .dl01 dd p
	{
	margin:6% auto 0;
	line-height:170%;
	font-size:14px;
	padding:0.5% 0.1% 7%;
	}
	
.btn01
	{
	width:60%;
	max-width:100%;
	margin:8% auto 0;
	}	
	
.btn01 a
	{
	font-size:14px;
	line-height:330%;
	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;
}