@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 737px) {
	.wrapper .inner .lead {
		overflow: hidden;
	}
	.wrapper .inner .right_pic,
	.wrapper .inner .left_pic {
		margin-bottom: 3%;
	}
/*----------------------------------------------------
　　lead
----------------------------------------------------*/
	#lead {
		margin-bottom: 80px;
	}
	#lead p {
		text-align: center;
		margin-bottom: 3%;
	}
	#lead .box {
		width: 33%;
		display: inline-block;
	}
	#lead .caption {
		position: relative;
		padding: 1.4em 0.6em 0.6em;
		background: -webkit-repeating-linear-gradient(-45deg, #6cd0ce, #6cd0ce 2px,#89d9d8 1px, #89d9d8 4px);
		background: repeating-linear-gradient(-45deg, #6cd0ce, #6cd0ce 2px,#89d9d8 1px, #89d9d8 4px);
		border-radius: 7px;
		border: solid 3px #6cd0ce;
		width: 215px;
		height: 110px;
		margin: 0 auto 30px;
	}
	#lead .caption:after {
		position: absolute;
		content: '';
		top: 100%;
		left: 90px;
		border: 15px solid transparent;
		border-top: 15px solid #6cd0ce;
		width: 0;
		height: 0;
	}	
	#lead .caption span a {
		font-family: tegaki, sans-serif;
		color: #fff;
		text-decoration: none !important;
		font-size: 20px;
		letter-spacing: -0.08em;
	}	
/*----------------------------------------------------
　　section01
----------------------------------------------------*/
	.awa_ttl {
		font-family: Aralet, sans-serif;
		font-size: 34px;
		letter-spacing: 0.1em;
		color: #1d2088;
		margin-bottom: 55px;
		position: relative;
		display: inline-block;
	}	
	.awa_ttl:before, .awa_ttl:after {
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		height: 3px;
		background-color: #1d2088;
	}	
	.awa_ttl:before {
		left:0;
	}	
	.awa_ttl:after {
		right:0;
	}	
	.awa_ttl span {
		color: #ef7a00;
		position: relative;
	}	
	.awa_ttl span:before {
		content: '';
		position: absolute;
		background: url(img/awa.png);
		width: 157px;
		height: 131px;
		z-index:-1;
	}	
/*-------------------------------------
　　sec01_cont01
-------------------------------------*/	
	#sec01_cont01 {
		margin-bottom: 110px;
	}	
	#sec01_cont01 .awa_ttl {
		padding: 0 182px;
	}	
	#sec01_cont01 .awa_ttl:before, #sec01_cont01 .awa_ttl:after {
		width: 165px;
	}
	#sec01_cont01 .awa_ttl span:before {
		top: -51px;
		left: 13%;	
	}	
/*-------------------------------------
　　sec01_cont02
-------------------------------------*/	
	#sec01_cont02 {
		margin-bottom: 110px;
	}	
	#sec01_cont02 .awa_ttl {
		padding: 0 49px;
	}	
	#sec01_cont02 .awa_ttl:before, #sec01_cont02 .awa_ttl:after {
		width: 38px;
	}
	#sec01_cont02 .awa_ttl span:before {
		top: -51px;
		left: 27%;	
	}	
	#sec01_cont02 .check {
		clear: none !important;
		margin-right: 300px;
		padding: 3em !important;
	}	
	#sec01_cont02 .check ul li {
		clear: both !important;
		width: 100% !important;
	}
	#sec01_cont02 .balloon {
		clear: both;	
	}	
	#sec01_cont02 .balloon p {
		width: 614px;
		margin-left: 80px;
		padding-top: 50px;		
	}	
/*-------------------------------------
　　sec01_cont03
-------------------------------------*/	
	#sec01_cont03 .awa_ttl {
		padding: 0px 126px;
	}	
	#sec01_cont03 .awa_ttl:before, #sec01_cont03 .awa_ttl:after {
		width: 108px;
	}
	#sec01_cont03 .awa_ttl span:before {
		top: -51px;
		left: 38%;
	}	
	#sec01_cont03 .right_pic {
		margin-bottom: 0 !important;
	}	
/*----------------------------------------------------
　　section02
----------------------------------------------------*/
	#section02 .lead .or_box .inner_in {
		background: #fafcf1;
	}
/*-------------------------------------
　　sec02_cont01
-------------------------------------*/	
	#section02 #sec02_cont01 .or_box {
		margin-bottom: 10px !important;
	}
	#section02 #sec02_cont01 .or_box ul {
	}
	#section02 #sec02_cont01 .or_box ul li {
		display: inline-block;
		width: 17%;
		vertical-align: top;		
	}
	#section02 #sec02_cont01 .or_box ul li:nth-child(-n + 5) {
		margin-bottom: 10px;
	}
	#section02 #sec02_cont01 p {
		text-align: center;
		color: #f19149;
		font-weight: bold;
	}
/*-------------------------------------
　　sec02_cont02
-------------------------------------*/	
	#sec02_cont02 table, #sec02_cont02 table td {
		border-collapse: collapse;
		width: 100%;
		background: #fef2df;
		border-radius: 7px;		
	}
	#sec02_cont02 table td {
		padding: 30px 0 35px !important;
		width: 33%;
		color: #343434;
		font-size: 16px !important;
		vertical-align: top;
		border-right: solid 2px #fff;
	}
	#sec02_cont02 table td p.name {
		color: #fc6571;
		font-size: 18px !important;
		font-weight: bold !important;
		text-align: center;
		height: 45px;
	}
	#sec02_cont02 table td p.name span {
		color: #303030;
		font-size: 14px !important;
		display: block;
	}
	#sec02_cont02 table td p.pic.last, #sec02_cont02 table td p.pic {
		margin: 20px auto !important;
		text-align: center !important;
	}
	#sec02_cont02 table td ul {
		padding: 0 20px 0 66px;
		text-align: left;
		line-height: 1.7em;
		font-size: 14px;
		min-height: 75px;
		border-right: none !important;
	}	
	#sec02_cont02 table td ul li:before {
		position: relative;
		top: -3px;
		left: -12px;
		display: inline-block;
		width: 4px;
		height: 4px;
		content: '';
		border-radius: 100%;
		background: #1b1b1b;		
	}
/*----------------------------------------------------
　　section03
----------------------------------------------------*/
	#section03 .pt_box {
		padding-bottom: 2.2em !important;
	}
	#section03 .pt_box p {
		margin-bottom: 10px !important;	
	}
	#section03 .pt_box em {
		display: block;
		font-weight: bold;
		letter-spacing: 0.15em;		
	}
	#section03 #sec03_cont01 .or_box .inner_in .pre:after {
		top: 95px;
	}	
	#section03 #sec03_cont01 .or_box.ft:after {
		content: "";
		background: url(img/sec03_arrow.png);
		width: 108px;
		height: 63px;
		position: absolute;
		top: 193px;
		margin-left: 42.5%;
		z-index: 1;
	}	
	#section03 #sec03_cont01 .or_box .txt {
		float: right;
		width: 58%;
	}	
	
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#sec01_cont03 .awa_ttl {
		letter-spacing: 0 !important;
	}	
}

@media screen and (max-width: 736px) {
	.wrapper .inner .right_pic,
	.wrapper .inner .left_pic {
		margin-bottom: 3%;
	}
/*----------------------------------------------------
　　lead
----------------------------------------------------*/
	#lead {
		margin-bottom: 80px;
	}
	#lead p {
		text-align: center;
		margin-bottom: 3%;
	}
	#lead .box {
		display: block;
	}
	#lead .box img {
		display: none;
	}
	#lead img {
		width: 100%;
		height: auto;
	}
	#lead .caption {
		position: relative;
		padding: 1.7em 0.6em 0.6em;
		background: -webkit-repeating-linear-gradient(-45deg, #6cd0ce, #6cd0ce 2px,#89d9d8 1px, #89d9d8 4px);
		background: repeating-linear-gradient(-45deg, #6cd0ce, #6cd0ce 2px,#89d9d8 1px, #89d9d8 4px);
		border-radius: 7px;
		border: solid 3px #6cd0ce;
		width: 215px;
		height: 110px;
		margin: 0 auto 30px;
	}
	#lead .caption:after {
		position: absolute;
		content: '';
		top: 100%;
		left: 90px;
		border: 15px solid transparent;
		border-top: 15px solid #6cd0ce;
		width: 0;
		height: 0;
	}	
	#lead .caption span a {
		font-family: tegaki, sans-serif;
		color: #fff;
		text-decoration: none !important;
		font-size: 20px;
		letter-spacing: -0.08em;
	}
/*----------------------------------------------------
　　section01
----------------------------------------------------*/
	#section01 img {
		width: 100%;
		height: auto;
	}
	.awa_ttl {
		font-family: Aralet, sans-serif;
		font-size: 22px;
		letter-spacing: 0.1em;
		color: #1d2088;
		margin-bottom: 9%;
		position: relative;
		display: inline-block;
		line-height: 1.4em;
	}	
	.awa_ttl span {
		color: #ef7a00;
		position: relative;
	}	
	.awa_ttl span:before {
		content: '';
		position: absolute;
		background: url(img/awa.png);
		width: 157px;
		height: 131px;
		z-index:-1;
	}	
/*-------------------------------------
　　sec01_cont01
-------------------------------------*/	
	#sec01_cont01 {
		margin-bottom: 10%;
	}
	#sec01_cont01 .awa_ttl span:before {
		top: -45px;
	}
	#sec01_cont01 .check {
		clear: none !important;
	}	
	#sec01_cont01 .check ul li {
		float: left;
		width: 50% !important;
	}
/*-------------------------------------
　　sec01_cont02
-------------------------------------*/	
	#sec01_cont02 {
		margin-bottom: 60px;
	}	
	#sec01_cont02 .awa_ttl span:before {
		top: -45px;
		left: 24%;
	}
	#sec01_cont02 a {
		color: #ef7a00 !important;
		display: block;
		text-align: right;
	}
	#sec01_cont02 h4 {
		font-size: 16px !important;
		padding-left: 50px;
		text-indent: 0;
	}
	#sec01_cont02 h4:before {
		bottom: 19px !important;
	}	
	#sec01_cont02 .balloon {
		margin-bottom: -20%;
	}
	#sec01_cont02 .balloon p {
		padding-top: 2%;
	}
/*-------------------------------------
　　sec01_cont03
-------------------------------------*/	
	#sec01_cont03 .awa_ttl span:before {
		top: -70px;
		left: 24%;
	}
	#sec01_cont03 .awa_ttl span {
		letter-spacing: 0em;
	}
/*----------------------------------------------------
　　section02
----------------------------------------------------*/
	#section02 .lead .or_box .inner_in {
		background: #fafcf1;
		padding-bottom: 0 !important;
	}
	#section02 .lead .or_box .pc-none {
	}
	#section02 .lead .or_box .pc-none span {
		display: block;
		margin-bottom: 6%;
		border-radius: 7px;
		padding: 2% 0;
		color: #fff;
		font-weight: bold;
		letter-spacing: 0.2em;
		font-size: 16px;	
	}
	#section02 .lead .or_box .pc-none p {
		margin: 5% auto 10%;
	}
	#section02 .lead .or_box .pc-none p em {
		color: #bc1102;
	}
	#section02 .lead .or_box .pc-none .box01 span {
		background: #f0bc5e;
	}
	#section02 .lead .or_box .pc-none .box02 span {
		background: #e08742;
	}
	#section02 .lead .or_box .pc-none .box03 span {
		background: #e08742;
	}
	#section02 .lead .or_box .pc-none .box04 span {
		background: #c63214;
	}
	#section02 .lead .or_box .pc-none .box05 span {
		background: #bb0f01;
	}
	#section02 .lead .or_box .pc-none .box05.last {
		margin-bottom: 0 !important;
	}
/*-------------------------------------
　　sec02_cont01
-------------------------------------*/	
	#section02 #sec02_cont01 .or_box {
		margin-bottom: 10px !important;
	}
	#section02 #sec02_cont01 .or_box ul {
	}
	#section02 #sec02_cont01 .or_box ul li {
		display: inline-block;
		width: 48%;
		vertical-align: top;		
	}
	#section02 #sec02_cont01 .or_box ul li:nth-child(-n + 8) {
		margin-bottom: 4%;
		
	}
	#section02 #sec02_cont01 p {
		text-align: center;
		color: #f19149;
		font-weight: bold;
	}
/*-------------------------------------
　　sec02_cont02
-------------------------------------*/	
	#sec02_cont02 table, #sec02_cont02 table td {
		border-collapse: collapse;
		width: 100%;
		margin-top: 5%;
		background: #fef2df;
		border-radius: 7px;
	}
	#sec02_cont02 table td {
		display: contents;		
	}
	#sec02_cont02 table td p.name {
		color: #fc6571;
		font-size: 18px !important;
		font-weight: bold !important;
		margin: 6% 7% -4%;
		text-align: center;
	}
	#sec02_cont02 table td p.name span {
		color: #303030;
		font-size: 18px !important;
		display: block;
	}
	#sec02_cont02 table td p.pic.last, #sec02_cont02 table td p.pic {
		margin: 20px auto !important;
		text-align: center !important;
	}
	#sec02_cont02 table td ul {
		padding: 0 0 6% 20%;
		text-align: left;
		line-height: 1.7em;
		font-size: 16px !important;
		border-bottom: solid 2px #fff;
		margin-top: -3%;
	}	
	#sec02_cont02 table td ul li:before {
		position: relative;
		top: -3px;
		left: -12px;
		display: inline-block;
		width: 4px;
		height: 4px;
		content: '';
		border-radius: 100%;
		background: #1b1b1b;		
	}	
/*-------------------------------------
　　sec02_cont03
-------------------------------------*/	
	#sec02_cont03 .or_box .inner_in {
		padding: 1em !important;
	}
	#sec02_cont03 img {
		width: 100%;
		height: auto;
	}
/*----------------------------------------------------
　　section03
----------------------------------------------------*/
	#section03 .check ul li:nth-child(odd),
	#section03 .check ul li:nth-child(even) {
		float: none !important;
		width: 100%;
	}
	#section03 .pt_box {
		padding-bottom: 2.2em !important;
	}
	#section03 .pt_box p {
		margin-bottom: 10px !important;	
	}
	#section03 .pt_box em {
		display: block;
		font-weight: bold;
		letter-spacing: 0.15em;		
	}
	#section03 #sec03_cont01 .or_box .inner_in .pre {
		margin-bottom: 16% !important;
	}	
	#section03 #sec03_cont01 .or_box .inner_in .pre:after {
		left: 12%;
	}	
	#section03 #sec03_cont01 .or_box.ft:after {
		content: "";
		background: url(img/sec03_arrow.png);
		width: 108px;
		height: 63px;
		position: absolute;
		margin-left: 34%;
		z-index: 1;
		margin-top: -15px;
	}	
	#section03 #sec03_cont01 .or_box .txt {
		margin-top: 7%;
	}	
	#section03 #sec03_cont01 .or_box .left img {
		width: 100%;
		height: auto;
	}	
}