@charset "utf-8";

/**
 *
 * コンテンツ共通
 *
 */


/*--------------------------------------------------------------------------
	@utility 有用クラス
--------------------------------------------------------------------------*/

/* text
-----------------------------------------------------------------*/
.sup{ font-size: 8px; vertical-align: super;}
.em{ font-weight: bold;}
.txt_left  { text-align: left;}
.txt_center{ text-align: center;}
.txt_right { text-align: right;}

/* float
-----------------------------------------------------------------*/
.left { float: left;}
.right{ float: right;}
.clear{ float: none; clear: both;}

/* display
-----------------------------------------------------------------*/
.hidden{
	visibility: hidden;
	overflow: hidden;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 0;
}
@media all and (orientation:portrait){
	.landscape{ display: none !important;}
}
@media all and (orientation:landscape){
	.portrait{ display: none !important;}
}

.is_sd,
.is_tb,
.is_sp {display: none;}

/* @TB */
@media all and (max-width: 1024px){
	.is_pc{ display: none !important;}
	.is_sd,
	.is_tb{ display: block !important;}
	img.is_sd,
	img.is_tb{ display: inline !important;}
}

/* @SP */
@media all and (max-width: 767px){
	.is_tb,
	img.is_tb{ display: none !important;}
	.is_sp{ display: block !important;}
	img.is_sp{ display: inline !important;}
}

/* adjuster
-----------------------------------------------------------------*/
.mt0{ margin-top: 0 !important;}
.mb0{ margin-bottom: 0 !important;}
.pt0{ padding-top: 0 !important;}
.pb0{ padding-bottom: 0 !important;}



/*--------------------------------------------------------------------------
	@background
--------------------------------------------------------------------------*/

/* 白ベースのテクスチャ
-----------------------------------------------------------------*/
.cmn_bg01{
	background: url(//www.paxnaturon.com/images/shared/bg01.png);
}



/*--------------------------------------------------------------------------
	@hover
--------------------------------------------------------------------------*/

/* .cmn_alpha 透過
-----------------------------------------------------------------*/
.dev_pc .cmn_alpha,
.dev_pc .cmn_all_alpha a{
	-webkit-transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
	        transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.dev_pc .cmn_alpha:hover,
.dev_pc .cmn_all_alpha a:hover{
	opacity: 0.6;
}



/*--------------------------------------------------------------------------
	@ico
--------------------------------------------------------------------------*/

/* .cmn_arw02 白矢印
-----------------------------------------------------------------*/
.cmn_arw02{
	display: inline-block;
	padding: 0 10px 0 30px;
	background: url(//www.paxnaturon.com/images/shared/ico_arw02.png) no-repeat 0 1px;
	background-size: 10px auto;
}

/* @SP */
@media all and (max-width: 767px){
	.cmn_arw02{
		padding: 0 0 0 25px;
		background-position: 0 1px;
		background-size: 8px auto;
	}
}

/* .cmn_plus プラス
-----------------------------------------------------------------*/
.cmn_plus01{
	display: inline-block;
	padding: 0 10px 0 30px;
	background: url(//www.paxnaturon.com/images/shared/ico_plus01.png) no-repeat 0 1px;
	background-size: 12px auto;
}

/* @SP */
@media all and (max-width: 767px){
	.cmn_plus01{
		padding: 1px 0 1px 25px;
		background-position: 0 1px;
		background-size: 13px auto;
	}
}


/*--------------------------------------------------------------------------
	@button
--------------------------------------------------------------------------*/

/* .cmn_btn01 緑角丸
-----------------------------------------------------------------*/
.cmn_btn01{
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 56px;
	min-width: 230px;
	padding: 20px 40px;
	background: #5dab92;
	font-size: 16px;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	        transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.dev_pc .cmn_btn01:hover{
	opacity: 0.6;
}

/* @SP */
@media all and (max-width: 767px){
	.cmn_btn01{
		min-width: auto;
		width: 100%;
		font-size: 12px;
		padding: 15px 20px;
		border-radius: 42px;
	}
}

/* .cmn_btn02 白縁
-----------------------------------------------------------------*/
.cmn_btn02{
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 56px;
	min-width: 230px;
	padding: 20px 40px;
	background: transparent;
	font-size: 16px;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border: 2px solid #fff;
	-webkit-transition: background 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	        transition: background 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.dev_pc .cmn_btn02:hover{
	background: rgba(255,255,255, 0.2);
}

/* @SP */
@media all and (max-width: 767px){
	.cmn_btn02{
		min-width: auto;
		font-size: 12px;
		padding: 15px 20px;
		border-width: 1px;
		border-radius: 42px;
	}
}

/* .cmn_btn02 オレンジ
-----------------------------------------------------------------*/
.cmn_btn03{
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 56px;
	min-width: 230px;
	padding: 20px 40px;
	background: #f19717;
	font-size: 16px;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	        transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.dev_pc .cmn_btn03:hover{
	opacity: 0.6;
}

/* @SP */
@media all and (max-width: 767px){
	.cmn_btn03{
		min-width: auto;
		width: 100%;
		font-size: 12px;
		padding: 15px 20px;
		border-radius: 42px;
	}
}

/*--------------------------------------------------------------------------
	@animate
--------------------------------------------------------------------------*/

/* .cmn_anime_wave01 白い波
-----------------------------------------------------------------*/
.cmn_anime_wave01{
	margin-top: -22px;
	padding-top: 22px;
	background: url(//www.paxnaturon.com/images/shared/bg_wave01.png) repeat-x 0 0;
	-webkit-animation: anime_wave01 6.6s linear 0s infinite normal;
	        animation: anime_wave01 6.6s linear 0s infinite normal;
}
@-webkit-keyframes anime_wave01 {
	0%   { background-position: 0 0;}
	100% { background-position: 880px 0;}
}
@keyframes anime_wave01 {
	0%   { background-position: 0 0;}
	100% { background-position: 880px 0;}
}

/* @SP */
@media all and (max-width: 767px){
	.is_android .cmn_anime_wave01{
		-webkit-animation: anime_wave01 12s linear 0s infinite normal;
		        animation: anime_wave01 12s linear 0s infinite normal;
	}
	.cmn_anime_wave01{
		margin-top: -12px;
		padding-top: 12px;
		background-size: 220px 12px;
	}
	@-webkit-keyframes anime_wave01 {
		0%   { background-position: 0 0;}
		100% { background-position: 220px 0;}
	}
	@keyframes anime_wave01 {
		0%   { background-position: 0 0;}
		100% { background-position: 220px 0;}
	}
}

/* .cmn_anime_wave02 緑の波
-----------------------------------------------------------------*/
.cmn_anime_wave02{
	position: relative;
	margin: -24px 0 -24px;
	padding: 24px 0 24px;
	background: url(//www.paxnaturon.com/images/shared/bg_wave02_top.png) repeat-x 0 0,
							url(//www.paxnaturon.com/images/shared/bg_wave02_bottom.png) repeat-x 0 100%;
	-webkit-animation: anime_wave02 6.5s linear 0s infinite normal;
	        animation: anime_wave02 6.5s linear 0s infinite normal;
}
@-webkit-keyframes anime_wave02 {
	0%   { background-position: 0 0, 0 100%;}
	100% { background-position: 650px 0, 650px 100%;}
}
@keyframes anime_wave02 {
	0%   { background-position: 0 0, 0 100%;}
	100% { background-position: 650px 0, 650px 100%;}
}

/* @SP */
@media all and (max-width: 767px){
	.cmn_anime_wave02{
		margin: -12px 0 -12px;
		padding: 12px 0 12px;
		background-size: 325px 12px, 325px 12px;
	}
	@-webkit-keyframes anime_wave02 {
		0%   { background-position: 0 0, 0 100%;}
		100% { background-position: 325px 0, 325px 100%;}
	}
	@keyframes anime_wave02 {
		0%   { background-position: 0 0, 0 100%;}
		100% { background-position: 325px 0, 325px 100%;}
	}
}



/*----------------------------------------------------------------------
	@ttl
----------------------------------------------------------------------*/
.cmn_page_ttl{
padding: 56px 0 66px;
background: #fff;
text-align: center;
}
.cmn_page_ttl img{
height: auto;
}

/* @SP */
@media all and (max-width: 767px){
	.cmn_page_ttl{
		padding: 38px 0 34px;
	}
}



/*----------------------------------------------------------------------
	@table
----------------------------------------------------------------------*/



/*--------------------------------------------------------------------------
	@form
--------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------
	@navi
--------------------------------------------------------------------------*/