@charset "UTF-8";
/*
Theme Name:一日一分プラスオリジナルデザイン
Author:一日一分プラス　ofg
Description:一日一分プラス本様
*/

html	{height:100%; margin:0; padding:0;}
body	{
	width:100%;
	height:100vh;
	/*min-height: 100vh;*/
	padding:0;
	margin:0;
	border:none;
	font-size:100%;
	background:none;
	font-family:"UD デジタル 教科書体 N-R", "BIZ UDゴシック Regular", "Hiragino Kaku Gothic ProN", "ascii";
	}
	
a img		{border:none;}
table		{border-collapse:collapse;}
.cl			{clear:both;}
.dsn		{display:none;}


/*フォントセット*/
.r	{color:#dc143c;}
.b	{color:#4682b4;}
.g	{color:#20b2aa;}
.t_r{text-align:right;}
.t_c{text-align:center;}
.t_l{text-align:left;}
.f50{font-size:65%;}
.f65{font-size:65%;}
.f75{font-size:75%;}
.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%;}

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


/*ラップ*/
div.wrap		{margin:0; padding:0;}

/*表示*/
.pc			{display:block;}
.sp			{display:none;}
.d_n		{display:none;}

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

header		{width:100%; background:#feeb6a; position:relative; padding:0; margin:0;}
header img	{width:100%; padding:0; margin:0; display:block; vertical-align: bottom;}

header h1		{line-height:0; margin:0; padding:0;}
header h1 img	{width:100%; padding:0; margin:0; display:block;}


header nav.pc_nav				{position:absolute; top:20px; right:3%; width:38%; height:auto; margin:0; padding:0; text-align:right; z-index:10;}
header nav.pc_nav ul			{width:100%; margin:0; padding:0; display:flex; list-style: none;}
header nav.pc_nav ul li			{font-size:1.3rem; list-style:none; padding:0; margin:0 0.8% 0 auto; text-align:center; line-height:1.2; font-weight:bold;}
header nav.pc_nav ul li a,
header nav.pc_nav ul li a:visited		{color:#000; font-style:normal; text-decoration:none;}
header nav.pc_nav ul li a:hover		{color:#708090; text-decoration:none;}

header div.nav_sp_wrap				{display:none;}



main					{width:100%; padding:0; margin:0; height:auto;}
main section			{width:100%; padding:0; margin:0;}
main section h2			{line-height:0; margin:0; padding:0;}
main section h2 img		{width:100%; padding:0; margin:0; display:block;}

main section#bodycopy				{background:#dff4f7;}
main section#bodycopy h2			{max-width:55%; margin:0 auto 2% 8%; padding:0.1px 0 0 0; display:block;}
main section#bodycopy div.wrap		{display:block; width:66%; margin:0 3% 0 30%; padding:0;}
main section#bodycopy div.wrap p		{font-size:122%; color:#223a52; line-height:1.3; margin:0 0 1.8% 0;}
main section#bodycopy div.wrap p:first-child	{padding-left:10%; padding-top:2.8%;}
main section#bodycopy div.wrap p:nth-child(2)	{padding-left:16%;}
main section#bodycopy div.wrap p:nth-child(3)	{padding-left:8%;}
main section#bodycopy div.wrap p:nth-child(4)	{padding-left:13%;}
main section#bodycopy div.wrap p:nth-child(5)	{padding-left:6%; margin-bottom:0;}
main section#bodycopy div.wrap p:nth-child(6)	{padding-left:28%; margin-bottom:0;}
main section#bodycopy div.wrap p:nth-child(6) span::before	{content:url(./img/bodycopy_01.png);}
main section#bodycopy div.wrap p:nth-child(6) span::after	{content:url(./img/bodycopy_02.png); width:1%;}


main section#features 	{background:#fff;}
main section#features img{margin:0%; width:100%; display:block;}

main section#design				{background:url(./img/design_bk.jpg) repeat;}
main section#design div			{width:80%; display:flex; flex-wrap:wrap; text-align:center; margin:0 auto;}
main section#design div dl		{padding:1.5%; width:20%; background:#fff; margin:0 1.5% 2% 0; display:block; border-radius:10px;}
main section#design div dl dt	{margin:0; padding:0 0 1% 0;}
main section#design div dl dt img	{width:100%; padding:0; margin:0;}
main section#design div dl dd		{padding:0.2%; margin:0; font-size:110%; color:#223a52; line-height:1.3;}
main section#design	h3			{line-height:1.1; text-align:center; line-height:1.1; margin-bottom:0;}
main section#design	p			{width:80%; margin:0 auto 0 auto; line-height:1.5;}
main section#design	p:last-child{padding-bottom:5%;}


main section#cost img.sample	{display:block; margin:0 auto 1% auto; max-width:88%; border:2px solid #dff4f7;}
main section#cost h3		{text-align:center; margin:5% auto 0 auto; width:100%; line-height:1.3; font-size:136%; color:#fe7425;}
main section#cost p		{text-align:center; font-size:122%; color:#223a52; line-height:1.3; width:100%; margin:0 0 1.8% auto;}
main section#cost p span	{font-size:65%;}
main section#cost table					{width:63%; margin:0 auto 8% auto; padding:0; border:#ccc 1px solid; color:#111;}
main section#cost table tr:nth-child(1) 	{background-color:#feeb6b; background:rgba(153, 204, 255, 0.20); text-align:center; color:#0000cd;}
main section#cost table th				{padding:2% 0.5%; border:#666 1px solid; font-weight:normal;}
main section#cost table th:first-child	{width:22%;}
main section#cost table td				{padding:1% 2%; border:#666 1px solid;}


main section#flow			{background:#fff;}
main section#flow ol		{width:80%; padding:2% 0 0 0; margin:0 auto; display:flex; flex-wrap:wrap; text-align:center;}
main section#flow ol li		{list-style:none; margin:0 0 2% 0;}
/*奇数*/
main section#flow ol li:nth-of-type(odd)	{border-radius:3px; border:#fe7425 1px solid; width:13%; font-size:88%; line-height:1.2; padding:0.5%; color:#fe7425; text-align:center;}
main section#flow ol li:nth-of-type(odd):last-child		{margin-right:0;}
main section#flow ol li:nth-of-type(odd) img	{width:100%;}
/*偶数*/
main section#flow ol li:nth-of-type(even){width:5%; padding:0;}
main section#flow ol li:nth-of-type(even) img	{width:100%; margin:55% 0 0 0; padding:0;}
main section#flow p	{width:80%; text-align:left; color:#666; margin:0 auto 5% auto; line-height:1.3;}


main a#pageTop		{display:block; width:20%; margin:5% auto 2% auto; padding:0; text-align:center;}

main#other				{padding:5% 0;}
main#other section		{width:88%; padding:0; margin:0 auto 10% auto;}
main#other section h2	{font-size:120%; font-weight:bold; line-height:1.1; margin:0 auto 1% auto; width:100%; text-align:left; padding:0;}
main#other section h3	{font-size:110%; font-weight:bold; line-height:1.1; margin:3% auto 1% auto; width:100%; text-align:left; padding:0;}
main#other section p	{font-size:100%; line-height:1.8; margin:0 0 1.6% 0; padding:0; text-indent:1em;}
main#other section ul		{width:88%; margin:0 auto; padding:0;}
main#other section ul li	{font-size:100%; line-height:1.5;}




footer				{width:100%; margin:0; padding:18% 0 1.8% 0; background:url(./img/footer.png) no-repeat bottom; background-size:100%;}
footer ul			{width:77%; margin:0 auto 3% auto; padding:0; display:flex;}
footer ul li		{width:88%; margin:0 2% 0 0; padding:0; list-style:none; text-align:justify; text-align-last:center;}
footer ul li a		{color:#111; font-style:normal; text-decoration:none;}
footer ul li a:hover		{color:#000; font-style:normal; text-decoration:none;}
footer ul li a:visited		{color:#000; font-style:normal; text-decoration:none;}
footer address	{font-style:normal; font-size:88%; text-align:center; color:#111;}


/**************************************************************/
/*スマホレイアウト*/
@media screen and (max-width:599px) {
    body {
        box-sizing:border-box;
        width:100%;
        padding:0;
        margin:0;
    }
    
	/*表示*/
	.pc,
	img.pc			{display:none;}
	.sp			{display:block;}
	
	header nav.pc_nav				{display:none;}
	header div.nav_sp_wrap			{display:inline; margin-top:10%;}

	nav.nav_sp 			{width:100%; height:100%; position:fixed; top:0%; left:100%; z-index:99; background:#Ffff; transition:.5s; padding-top:20px;}
	nav.nav_sp ul li	{list-style:none; text-align:left; font-size:130%; line-height:2.2;}
	nav.nav_sp ul li a	{color:#223a52; text-decoration:none;}
	
	/* ハンバーガーメニューのアイコン */
	.drawer_open {
	  display:flex;
	  justify-content:center;
	  align-items:center;
	  position:absolute;
	  top:33px;
	  right:30px;
	  z-index:100;
	  cursor:pointer;
	}

	.drawer_open span,
	.drawer_open span:before,
	.drawer_open span:after {
	  content:'';
	  display:block;
	  height:3px;
	  width:25px;
	  border-radius:3px;
	  background:#333;
	  transition:0.5s;
	  position:absolute;
	}
	
	.drawer_open span:before {
	  bottom:8px;
	}
	
	.drawer_open span:after {
	  top:8px;
	}
	
	#drawer_input:checked ~ .drawer_open span {
	  background:rgba(255, 255, 255, 0);
	}
	
	#drawer_input:checked ~ .drawer_open span::before {
	  bottom:0;
	  transform:rotate(45deg);
	}

	#drawer_input:checked ~ .drawer_open span::after {
	  top:0;
	  transform:rotate(-45deg);
	}
	
	#drawer_input:checked ~ .nav_sp {left:20%;}


	main section#bodycopy							{padding-bottom:3%; margin-bottom:0;}
	main section#bodycopy h2						{max-width:92%; margin:0 auto; padding:8% 0 6% 0; line-height:1; text-align:right;}
	main section#bodycopy h2 img					{width:100%;}
	main section#bodycopy div.wrap					{width:92%; margin:0 auto 10% auto;}
	main section#bodycopy div.wrap p				{font-size:88%; color:#223a52; line-height:1.3; margin:0 0 1.8% 0;}
	main section#bodycopy div.wrap p:first-child,
	main section#bodycopy div.wrap p:nth-child(2),
	main section#bodycopy div.wrap p:nth-child(3),
	main section#bodycopy div.wrap p:nth-child(4),
	main section#bodycopy div.wrap p:nth-child(5)	{padding:0 0 0 3%;}
	main section#bodycopy div.wrap p:nth-child(6)	{margin-bottom:5%; padding:0 0 0 3%;}
	
	main section#bodycopy div.wrap p:nth-child(6) span::before	{content:url(./img/bodycopy_01.png);}
	main section#bodycopy div.wrap p:nth-child(6) span::after	{content:url(./img/bodycopy_02.png); width:1%;}


	main section#design div			{width:88%; display:flex; flex-wrap:wrap; text-align:center; margin:0 auto; padding-bottom:7%;}
	main section#design div dl		{width:44%;  margin:0 3% 2% 0; border-radius:5px;}
	main section#design div dl dd	{font-size:77%;}
	
	main section#design	p			{font-size:88%;}
	main section#design	p:last-child{padding-bottom:12%;}

	main section#cost img.sample	{max-width:55%;}
	main section#cost p				{font-size:88%;}
	main section#cost h3			{font-size:77%;}
	main section#cost table						{width:92%;}
	main section#cost table th				{font-size:77%;}
	main section#cost table th:first-child	{width:25%;}
	main section#cost table td				{font-size:77%; line-height:1.4;}

	main section#flow			{padding-bottom:10%;}
	main section#flow ol		{width:92%; justify-content: center;}
	/*奇数*/
	main section#flow ol li:nth-of-type(odd)	{border-radius:5px; width:43%; font-size:88%; margin:0 5% 5% 0;}
	main section#flow ol li:nth-of-type(odd):last-child		{margin-right:0;}
	main section#flow ol li:nth-of-type(odd) img	{width:100%;}
	/*偶数*/
	main section#flow ol li:nth-of-type(even){display:none;}
	main section#flow p	{font-size:77%;}
	
	
	main#other section h2	{font-size:110%; text-align:center;}
	main#other section h3	{font-size:100%; text-align:center;}
	main#other section p	{font-size:77%; line-height:1.5;}
	main#other section ul		{width:88%;}
	main#other section ul li	{font-size:77%;}
	
	
	
	
	

	footer	{padding:8% 0 5% 0; font-size:55%; background:url(./img/footer_sp.png) no-repeat bottom; background-size:100%;}
	footer ul			{width:88%;}
	footer ul li		{font-size:88%;}
	footer address		{font-size:77%;}
	

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