@charset "UTF-8";

/*
Author:一日一分プラス　藤田（ofg）
Description:株式会社神門様
*/

html	{height:100%; margin:0; padding:0;}

body	{
	/*position:relative;*/
	width:100%;
	height:100%;
	height:100vh;
	padding:0;
	margin:0;
	border:none;
	color:#000;
	font-size:100%;
	background:none;
	font-family: 'Meiryo', sans-serif;
	}

a img		{border:none;}
table		{border-collapse:collapse;}
.dsn		{display:none;}


/*フォントセット*/
.r	{color:#dc143c;}
.b	{color:#4682b4;}
.g	{color:#20b2aa;}
.y	{color:#e6b422;}

.t_r{text-align:right;}
.t_c{text-align:center;}
.t_l{text-align:left;}
.f50{font-size:50%;}
.f65{font-size:65%;}
.f85{font-size:85%;}
.f120{font-size:120%;}
.f130{font-size:130%;}
.f150{font-size:150%;}
.f180{font-size:180%;}
.f200{font-size:200%;}


/*下余白セット*/
.m0		{margin-bottom:0%;}
.m1		{margin-bottom:1%;}
.m2		{margin-bottom:2%;}
.m3		{margin-bottom:3%;}
.m5		{margin-bottom:5%;}
.m8		{margin-bottom:8%;}
.m10	{margin-bottom:10%;}
.m13	{margin-bottom:13%;}

/*上余白*/
.mT0	{margin-top:0;}
.mT5	{margin-top:5%;}
.mT10	{margin-top:10%;}

/*幅セット*/
.w60	{width:60%;}
.w80	{width:80%;}
.w88	{width:88%;}
.w100	{width:100%;}

/*改行*/
.br-pc		{display:block;}
.br-sp		{display:none;}

.pc			{display:block;}
.sp			{display:none;}


a,
a:visited,
a:hover		{color:#154478; text-decoration:none;}

h1,main,div.wrap	{padding:0; margin:0; display:block;}

video {
  filter: drop-shadow(0px 0px rgba(0,0,0,0));
  outline: none;
  border: none;
}


/*******************************************************/

header			{width:100%; height:auto; position:relative; padding:0; margin:0 0 2% 0; display:block;}
header video	{width:100%; margin:0 auto; padding:0; display:block; z-index:-1;}
header h1		{position:absolute; bottom:0; right:0; z-index:12; width:100%; line-height:0; text-align:right;}
header h1 img	{max-width:60%;}
header nav		{position:absolute; z-index:8; width:38%; display:block; margin:2% 0 0 3%;}
header nav ul	{width:100%; padding:0; margin:0; display:block;}
header nav ul li	{padding:0; margin:0 3% 0 0; font-size:150%; font-weight:bold; display:inline-block; list-style:none; color:#fff;}
header nav ul li a,
header nav ul li a:visited	{color:#fff; text-decoration:none;}
header nav ul li a:hover	{color:#fff;}

/*******************************************************/

main article h2		{font-size:200%; font-weight:bold; line-height:1.1; padding:2% 0 1.0%; margin:0; text-align:center; color:#067ea8; background:#fff;}

/*service*/
main article		{width:100%; margin:0 0 3% 0; padding:0;}
main article:first-child,main article:nth-child(4)	{background:#d2e8ef; padding-bottom:3.3%;}
main article:first-child h2		{margin-bottom:3%;}

main article p#mes		{width:84%; text-align:center; font-size:130%; line-height:1.3; padding:2%; background:#fff; margin:0 auto;}

main article section		{width:88%; text-align:left; margin:0 auto 2.5% auto; padding:0; display:block; position:relative;}
main article section img	{z-index:-1; width:100%;}
main article section h3		{position:absolute; top:15.5%; left:2%; width:51%; line-height:1.0; margin:0; padding:0; z-index:3; color:#067ea8; font-size:150%;}
main article section p		{position:absolute; top:17.7%; left:2%; width:43%; z-index:4; font-size:130%;}


/*works*/
main article#works ul		{width:50%; display:block; margin: 0 auto;}
main article#works ul li	{font-size:130%; list-style:none; line-height:1.8;}
main article#works video	{width:77%; margin:0 auto;}


/*flow*/
main article#flow p,
main article#company p,
main article#contact p		{font-size:130%; width:55%; margin:0 auto;}
main article#flow p img		{width:100%;}

/*company*/
main article#company table	{border:1px solid #d2e8ef; width:55%; margin:2% auto 0 auto; padding:0; background:#fff;}
main article#company table th  {font-weight:normal; width:25%; text-align:left; padding:1%; border:1px solid #d2e8ef;}
main article#company table td  {font-weight:normal; text-align:left; padding:1%; border:1px solid #d2e8ef;}

/*message*/
main article#message				{width:88%; margin:0 auto;}
main article#message ul				{display:flex;}
main article#message ul	li				{font-size:130%; list-style:none;}
main article#message ul	li:nth-child(2)	{padding:2%; width:66%;}
main article#message ul	li img			{width:100%;}
main article#message ul	li p		{padding:0; margin:0; text-align:right;}

/*footer*/
footer	{background:#710312; width:100%; padding:2% 0; margin:0; color:#fff; text-align:center;}



/**************************************************************/
/*スマホレイアウト*/

@media screen and (max-width:599px) {
    body {
        box-sizing:border-box;
        width:100%;
        padding:0;
        margin:0;
    }
    
	.br-pc		{display:none;}
	.br-sp		{display:block;}
	.pc			{display:none;}
	.sp			{display:block;}

	header			{width:100%; height:auto; position:unset; padding:0; margin:0 0 10% 0; display:block;}
	header h1		{position:unset; width:100%; line-height:0; text-align:center; display:block;}

	header video	{width:100%; margin:0; padding:0; display:block; z-index:-1;}

	header nav		{position:unset; z-index:8; width:98%; display:block; margin:0 auto; padding:0 0 0 2%;}
	header nav ul	{width:100%; padding:0; margin:0 auto; display:block; text-align:center;}
	header nav ul li{font-size:120%; color:#000;}
	header nav ul li a,
	header nav ul li a:visited	{color:#000; text-decoration:none;}
	header nav ul li a:hover	{color:#000;}

	main article section		{width:96%;}
	main article section h3		{top:10%; font-size:120%;}
	main article section p		{top:17%; font-size:77%; width:48%; line-height:1.2;}

	main article p#mes		{width:92%; text-align:left; font-size:110%; line-height:1.3; padding:3.8%;}
		
	/*works*/
	main article#works ul		{width:96%; padding:0; margin:0;}
	main article#works ul li	{font-size:100%; padding:0 3.8%;}
	main article#works video	{width:100%;}
	
	
	/*flow*/
	main article#flow p,
	main article#company p,
	main article#contact p		{font-size:110%; width:92%; margin:0 auto; line-height:1.3;}
	main article#flow p img,
	main article#company p img	{width:100%;}

	/*company*/
	main article#company table	{width:96%;}
	main article#company table th  {font-size:77%;}
	main article#company table td  {font-size:88%;}
	

	/*message*/
	main article#message		{width:92%; margin:0 auto 10% auto;}
	main article#message ul		{display:block;  margin:1.8% 0 0 0; padding:0; width:100%;}
	main article#message ul	li	{font-size:110%;}
	main article#message ul	li:nth-child(1)	{text-align:center; padding:0; margin:0;}
	main article#message ul	li:nth-child(2)	{padding:1% 0; text-align:left; width:100%;}
	main article#message ul	li img	{width:66%; margin:0 auto;}


	
	/*contact*/
	main article#contact p img	{width:88%; margin-bottom:5%;}

	a[href^="tel:"] {
	    pointer-events: none;
	    cursor: default;
	}

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