@charset "utf-8";


.slick-img img {
  width: 100%;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15); /* 拡大率 */
  }
}
.add-animation {
  animation: zoomUp 10s linear 0s normal both;
}

/*TOP*/
.top01_01img img{
	width:100%;	
}

.pluse_top_slid_img img{
	width:100%;
	height: 100vh;
}


.top01_01text{
	width:70%;
	top: 50%;
	left: 40%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	z-index: 9;
}

.pluse_top_slid_text{
	width:70%;
	max-width: 520px;
	position: absolute;
	top:67%;
	left: 44%;
	transform: translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	z-index: 9;
	
}

.top01_01btn a,
.top02_01btn a{
	display: block;
	width:80%;
	text-align: center;
	margin:0 auto;
	max-width: 260px;
	background:#FFFFFF;
	border:#FFFFFF 1px solid;
	color:#000000;
	letter-spacing: 3px;
	padding:1em 2em;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.top02_01btn a{
	background:#FFFFFF;
	border:#000000 1px solid;
	color:#000000;
	
}

.top01_01btn a:hover{
	background:#000000;
	border:#FFFFFF 1px solid;
	color:#FFFFFF;
}

.top02_01btn a:hover{
	background:#000000;
	border:#000000 1px solid;
	color:#FFFFFF;
	
}

.top02_bg{
	background: url("../img/pluse/top/top_spac_img.png") no-repeat top right;
	background-size:contain;
	height:320px;
}

.top02_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: space-between;
}

.top02_01>ul>li{
	width:100%;
	margin:0 0 1em ;
}


.top02_01>ul>li a{
	display: block;
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.top02_01>ul>li a:hover{
     -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.top03_bg{
	/*background: linear-gradient(#f2f2f2 15em, #f2f2f2 0 15em);*/
	position: relative;
	z-index: 1;
}
.top03_bg::after{
	content: '';
	position: absolute;
	width:100%;
	height:80%;
	top:10%;
	background: #F2F2F2;
	z-index: 0;
}


.top03_01{
	max-width:1480px;
	width:90%;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.top03_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.top03_01>ul>li:nth-child(1){
	width:96%;
	margin:0 auto;
	max-width:680px;
}

.top03_01>ul>li:nth-child(2){
	width:100%;
	padding:2em 0 0 0;
	box-sizing: border-box;
}
.top03_01text{
	width: 90%;
	margin:0 5%;
}

.top04_00>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
}

.top04_00>ul>li:nth-child(1){
	width:70%;
	margin:0 15%;
}
.top04_00>ul>li:nth-child(2){
	width:0;
}

.top_news_more a{
	display: inline-block;
	position: relative;
	padding:0 0 0 2em;
}

.top_news_more a::before{
	content: '';
	background: url("../img/pluse/top/top_news_more.svg") no-repeat;
	position: absolute;
	top: 45%;
	left: 1em;
	transform: translate(-50%,-50%);
	width:6px;
	height:11px;
}

.top04_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: space-between;
}

.top04_01>ul>li{
	width:48%;
	margin:0 0 1em ;
}


.top04_01>ul>li a{
	display: block;
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.top04_01>ul>li a:hover{
     -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.top04_01cate>ul>li::before{
	content: '#';
	padding:0 1em;
}

.top05_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.top05_01>ul>li:nth-child(1){
	width:100%;
	background:#202020;
}
.top05_01>ul>li:nth-child(2){
	width:100%;
}

.top05_01text{
	width:80%;
	max-width: 450px;
	margin:3em auto;
}

.top05_01map,
.top05_01tel{
	position: relative;
	padding:0 0 0 2em;
	box-sizing: border-box;
}

.top05_01map::before{
	content: '';
	background: url("../img/pluse/top/top_comp_map.svg") no-repeat;
	background-size:contain;
	position: absolute;
	top: 50%;
	left: 1em;
	transform: translate(-50%,-50%);
	width: 18px;
    height: 23px;
	
}
.top05_01tel::before{
	content: '';
	background: url("../img/pluse/top/top_comp_tel.svg") no-repeat;
	background-size:contain;
	position: absolute;
	top: 50%;
	left: 1em;
	transform: translate(-50%,-50%);
	width: 18px;
    height: 23px;
}

.top05_02>ul>li{
	padding:0.5em 0;
}
.top05_02>ul>li>dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.top05_02>ul>li>dl>dt{
	width:20%;
}
.top05_02>ul>li>dl>dd{
	width:80%;
	padding:0 0 0 1em;
	box-sizing: border-box;
}


/*========================
	マップ
========================*/

.map_block,
.map_sub_block {
	position: relative;
	padding-bottom: 89.841269%;
	/* 100/横*縦*/
	height: 0;
	overflow: hidden;
}

.map_sub_block {
	padding-bottom: 55%;
}

.map_block iframe,
.map_sub_block iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.top06_bg{
	background: url("../img/pluse/top/top_faq_img.png") no-repeat bottom left;
	background-size: contain;
}

.top06_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.top06_01>ul>li:nth-child(1){
	width:100%;
}
.top06_01>ul>li:nth-child(2){
	width:100%;
	padding: 1em 0 0 0;
	box-sizing: border-box;
}

/*よくある質問*/


.qa01_01sub{
	width:100%;
	margin:0 auto;
}

.qa01_00sub>ul>li{
	padding:0.5em 0;
}


.qa01_01sub>ul>li{
	background:#FFFFFF;
	border:#000000 1px solid;
	margin:0 0 1.5em;
	

}

.qa01_01sub>ul>li>a{
	display: block;
	width:100%;
	padding:1.5em 2em 1.5em 1em;
	box-sizing: border-box;
	text-decoration: none;
	cursor: pointer;
}

.qa01_01sub>ul>li>ul>li{
	background:#E6E6E6;
}

.qa01_01sub>ul>li>ul>li>dl{
	width:100%;
	box-sizing: border-box;
	padding: 1em 5%;
}

.qa01_01sub .toggle>dl{
	display: table;
}
.qa01_01sub .toggle>dl>dt{
	display: table-cell;
	vertical-align: middle;
	width:2em;
}
.qa01_01sub .toggle>dl>dd{
	display: table-cell;
	vertical-align: middle;
	
	padding:0.2em 0 0 0.5em;
	box-sizing: border-box;
}
.qa01_01sub .inner>li{
	padding:1em 2em;
	box-sizing: border-box;
}

.child {
    display: none;
}
.qa01_01sub>ul>li>a{
	position: relative;
}
.qa01_01sub>ul>li>a::after{
	content: '';
	background:url("../img/pluse/top/top_faq_plus.svg")no-repeat;
	background-size: contain;
	width:12px;
	height:24px;
	position: absolute;
	top: 50%;
	right: 0.5em;
	transform: translate(-50%,-50%);
}

.qa01_01sub>ul>li>a.active::after{
	content: '';
	background: url("../img/pluse/top/top_faq_mainasu.svg") no-repeat;
	background-size: contain;
	width:6px;
	height:24px;
	position: absolute;
	top: 50%;
	right: 0.5em;
	transform: translate(-50%,-50%);
}



/*sub*/


.conc01_01 #ourpolicy {
	background: #FFFFFF;
}

.conc01_01 #ourpolicy h2 {
	border-bottom:none;
}
.conc01_01 #ourpolicy ul li{
	border-bottom:none;
}

.conc01_01 #ourpolicy ul li::before {
	background: url("../img/pluse/sub/conc_icon_cheack.svg") no-repeat;
}

.conc01_01 #ourpolicy ul li::before {
	top: 13px;
	background-size: contain;
}

.conc01_01 #ourpolicy ul {
	max-width: 420px;
	margin: 0 auto 40px;
}

.conc01_01 #pursuit dt::after {
	width: 45px;
	margin: 0 10px 0.3em;
}

.conc02_02 p.concept_copy01{
	font-size: 15px;
}

.conc02_01{
	width: 100%;
	margin:0 auto;
}

.conc03_bg{
	position: relative;
}

.conc03_bg::after{
	content: '';
	background:#F2F2F2;
	width: 100%;
	height:80%;
	position: absolute;
	bottom:0;
	z-index: -1;
}

.conc03_01{
	width:100%;
	max-width: 1500px;
	margin:0 auto;
	padding:0 0 3em 0;
}
.conc03_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: flex-end;
	justify-content: center;
}

.conc03_01>ul>li:nth-child(1){
	width:100%;
	max-width:450px;
	padding:2em;
	margin:0 auto;
	order:2;
}

.conc03_01>ul>li:nth-child(2){
	width:100%;
	padding:0;
	box-sizing: border-box;
	max-width:740px;
	order:1;
}




@media (min-width : 768px) {
	
.top01_01text{
	width:70%;
	top: 50%;
	left: 40%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
	
.pluse_top_slid_text{
	width:45%;
	max-width: 520px;
	position: absolute;
	top:65%;
	left: 30%;
	
}

.top01_01btn a{
	margin:0;
}
	
.top02_01>ul>li{
	width:90%;
	margin:0 5% 2em;
}
	
.top03_01{
	margin: 5em auto 0;
}
	
.top03_01>ul>li:nth-child(1){
	width:40%;
	margin:0;
}

.top03_01>ul>li:nth-child(2){
	width:60%;
	margin:0;
	padding:0 2em;
}

.top03_01text{
	width: 80%;
	margin:0 0 0 20%;
}
	
.top04_00>ul>li:nth-child(1){
	width:50%;
	margin:0 20%;
}
.top04_00>ul>li:nth-child(2){
	width:10%;
}
.top04_01>ul>li{
	width:31.33333%;
	margin:0 1% 2em;
}
	
.top05_01>ul>li:nth-child(1){
	width:50%;
}
.top05_01>ul>li:nth-child(2){
	width:50%;
}
	
	
.top06_01>ul>li:nth-child(1){
	width:20%;
}
.top06_01>ul>li:nth-child(2){
	width:80%;
	padding: 0 0 0 1em;
	box-sizing: border-box;
}

/*========================
マップ
========================*/

.map_block {
	position: relative;
	padding-bottom: 86%;
	/* 100/横*縦*/
	height: 0;
	overflow: hidden;
}

.map_sub_block{
	position: relative;
	padding-bottom: 58%;
	/* 100/横*縦*/
	height: 0;
	overflow: hidden;
}
	
/*sub*/
	
.conc01_01 #ourpolicy ul li::before {
	top: 18px;
}
	
.conc02_01{
	width: 60%;
}
	
.conc02_02 p.concept_copy01{
	font-size: 18px;
}
	
.conc03_01>ul>li:nth-child(1){
	width:40%;
	order:1;
	padding:2em 0;
}

.conc03_01>ul>li:nth-child(2){
	width:60%;
	order:2;
	padding:0 0 0 3em;
}
	
}
	
@media (min-width : 1200px) {
	
.top02_01>ul>li{
	width:31.333333%;
	margin:0 0 2em;
}
	
.top04_01>ul>li{
	width:14.66666666%;
	margin:0 1% 2em;
}
	
	
	
}
	

@media (min-width : 1500px) {
	

.pluse_top_slid_text{
	width:auto;
	top:68%;
	left: 20%;
}
	
}

	
/*main.css*/

.top01_01smn,
.top01_02smn{
	position:relative;
	padding-bottom: 66.66666666%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}
.top01_02smn{
	padding-bottom: 100%; /* 100/横*縦*/
}

.top01_01smn span,
.top01_01smn a,
.top01_02smn span,
.top01_02smn a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.top01_01smn img{
	width: 100%;
	height: 100%;
	object-fit:contain;
}
.top01_02smn img{
	width: 100%;
	height: 100%;
	/*object-fit:cover;*/
	object-fit:contain;
}

.top01_01smn figure{
	width: 100%;
	height: 100%;
	object-fit:contain;
}
.top01_02smn figure{
	width: 100%;
	height: 100%;
	/*object-fit:cover;*/
	object-fit:contain;
}



.pluse_head{
	position:absolute;
	top:0;
	width: 100%;
	z-index: 20;
}

.po_flex{
	position: fixed;
}

.pluse_head>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content:flex-end;
	align-items: flex-start;
}

.pluse_head>ul>li:nth-child(1){
	width:25%;
	max-width: 390px;
}

.pluse_head>ul>li:nth-child(2){
	width:75%;
	padding:0;
	box-sizing: border-box;
	max-width: 870px;
}

.pluse_head>ul>li:nth-child(3){
	width:5%;
}

.pluse_head_logo{
	width:70.6%;
	margin:0;
}

.pluse_head_nav_block>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
	justify-content: flex-end;
}

.pluse_head_nav_block>ul>li:nth-child(1){
	width:72%;
}

.pluse_head_nav_block>ul>li:nth-child(2){
	width:28%;
}


.pluse_head_nav>ul>li{
	display: inline-block;
	padding:0.5em 1em;
}

.pluse_head_nav>ul>li a{
	letter-spacing: 2px;
	text-decoration: none;
	color:#000000;
	font-weight: 900;
}

.pluse_head_cont>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
}

.pluse_head_cont>ul>li:nth-child(1){
	width:70%;
}
.pluse_head_cont>ul>li:nth-child(2){
	width:30%;
	margin:0;
}

/*============
nav
=============*/
.nav_s {
	display: block;
	position: fixed;
	top: 0;
	right: -90%;
	width: 90%;
	bottom: 0;
	background: #202020;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: all .5s;
	z-index: 3;
	opacity: 0;
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.nav_s::-webkit-scrollbar{
	display: none;
}

.nav_s a {
	color:#FFFFFF;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.open .nav_s {
	right: 0;
	opacity: 1;
	color:#FFFFFF;
}
.nav_s .inner {
	padding: 4em 2em 2em;
	box-sizing: border-box;
}

.nav_s .inner ul>li {
	position: relative;
	padding:1em 0.5em;
	border-bottom:1px #D6D6D6 solid;
}

.nav_s .inner .foot01_02 {
	border-bottom:1px #D6D6D6 solid;
}
.nav_s .inner .foot01_02 ul>li{
	border-bottom:none;
	padding:0.3em;
}

.nav_s .inner ul>li>a {
	color: #FFFFFF;
	text-decoration: none;
	transition-duration: 0.2s;
	width:100%;
}
.nav_s .inner a:hover {
	color: #F7931E;
}

/*============
.toggle_btn
=============*/
.toggle_btn {
	display: block;
	/*width: 30px;
	/height: 30px;*/
	transition: all .5s;
	cursor: pointer;
	z-index: 30;
	position: relative;
}

.nav_s {
	right: -100%;
	width: 100%;
}


/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn2{
	position: relative;/*ボタン内側の基点となるためrelativeを指定*/
	width: 60px;
	height:60px;
	cursor: pointer;
	background: #202020;
}

/*ボタン内側*/

.openbtn2 span{
	display: inline-block;
	transition: all .4s;/*アニメーションの設定*/
	position: absolute;
	left: 13px;
	height: 2px;
	background-color: #FFFFFF;
}



.openbtn2 span:nth-of-type(1) {
	top:20px; 
	width: 50%;
}

.openbtn2 span:nth-of-type(2) {
	top:32px;
	width: 50%;
}

.openbtn2 span:nth-of-type(3) {
	top:44px;
	width:40%;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn2.activemenu span:nth-of-type(1) {
	top: 25px;
	left: 16px;
	transform: translateY(6px) rotate(-45deg);
	width: 45%;
	background-color: #FFFFFF;
}

.openbtn2.activemenu span:nth-of-type(2) {
	width: 0;
}
.openbtn2.activemenu span:nth-of-type(3) {
	top: 37px;
	left: 16px;
	transform: translateY(-6px) rotate(45deg);
	width: 45%;
	background-color: #FFFFFF;
}

/*============
#mask
=============*/
#mask {
	display: none;
	transition: all .5s;
}
.open #mask {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .5;
	z-index: 2;
	cursor: pointer;
}

.child{
	display: none;
}


/*FOOTER CTA*/
.foot_cta_block{
	position: relative;
	margin:0;
}

.foot_cta_title{
	width:50%;
	max-height: 230px;
	margin:0 auto;
}


.foot_cta_img img{
	width:100%;
}

.foot_cta_text{
	width: 100%;
	max-width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}

.foot_cta_btn>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: center;
}

.foot_cta_btn>ul>li{
	width:48%;
	margin:0 auto 1em;
}

.foot_cta_btn>ul>li a{/*480 315*/
	width:100%;
	display: block;
	background:none;
	border:#FFFFFF 3px solid;
	padding:1.5em 5% 1em;
	box-sizing: border-box;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;	
}

.foot_cta_btn>ul>li a:hover{
	background:#000000;
	
}


/*FOOTER*/

.foot_block{	
	padding:2em 0 2em;
}

.foot_block>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.foot_block>ul>li:nth-child(1){
	width:90%;
	margin:0 auto;
	order: 2;
}
.foot_block>ul>li:nth-child(2){
	width:96%;
	margin:0 auto;
	padding:1em 0;
	box-sizing: border-box;
	order: 1;
}



.foot_navi>ul>li{
	display: inline-block;
	padding:0 1em;
	letter-spacing: 3px;
	box-sizing: border-box;
}


.foot_sns>ul{
	display: inline-flex;
	flex-wrap:wrap;
	padding:2em 0;
}

.foot_sns>ul>li,
.foot_sns>ul>li a img{
	display: inline-block;
	padding:0 0.3em;
	box-sizing: border-box;
}

.disp_p { display:none; }/*PC時だけ表示*/
.disp_s { display:block; }/*スマホ時だけ表示*/
.disp_pt { display:none; }/*PC時とタブレット時表示*/
.disp_st { display:block; }/*スマホ時とタブレット時表示*/


@media (min-width : 768px) {
	

.disp_p { display:block; }/*PC時・タブレット時表示*/
.disp_s { display:none; }/*スマホ時だけ表示*/

	
/*FOOTER CTA*/
.foot_cta_title{
	width:20%;
}
	
/*FOOTER*/
.foot_block{	
	padding:5em 0 2em;
}
	
.foot_block>ul>li:nth-child(1){
	width:30%;
	margin:0;
	order: 1;
}
.foot_block>ul>li:nth-child(2){
	width:70%;
	padding:2em 2em 0;
	margin:0;
	order: 2;
}
	
.foot_cta_btn>ul>li{
	width:40%;
	margin:0 1%;
}
.foot_cta_btn>ul>li a{/*480 315*/
	padding:1.5em 18.125% 1em;
}
	

}

@media (min-width : 1200px) {
	
.pluse_head>ul>li:nth-child(1){
	width:25%;
	max-width: 390px;
	position: absolute;
	left:0;
}

.pluse_head>ul>li:nth-child(2){
	width:75%;
	padding:1em;
	box-sizing: border-box;
	max-width: 870px;
}
.pluse_head_logo{
	width:70.6%;
	margin:0 0 0 29.4%;
}
.pluse_head>ul>li:nth-child(2){
	background:#FFFFFF;
}
	
.disp_pt { display:block; }/*PC時だけ表示*/
.disp_st { display:none; }/*スマホ時とタブレット時表示*/

.nav_s {
	right: -50%;
	width: 50%;
}
	
	
}
	







/*reset.css、common.css*/



@font-face {
	font-family: "Yu Gothic M";
	src: local("Yu Gothic Medium");
}
/* font-weight: bold の時は通常どおり Bold 書体を使わせる */
@font-face {
	font-family: "Yu Gothic M";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

/* @group Reset */

html {
	font-family: 'Roboto' , 'Noto Sans JP',-apple-system, Roboto, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue,"Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8;
	color:#000000;
	font-variant-ligatures : none;
}

body {
	font-family: 'Roboto' , 'Noto Sans JP',-apple-system, Roboto, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue,"Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8;
	color:#000000;
	font-variant-ligatures : none;
}


/*==================
  電話番号タップ
==================*/
a.telLink0 { cursor: pointer; pointer-events: auto; text-decoration:underline; color:#000000; }


.alcenter {	text-align:center; margin: 0 auto; }

.aljust { text-align:justify; }

.alleft { text-align:left; }

.alright { text-align:right; }

.float_L { float:left;}

.float_R { float:right;}

.center_img img { margin:0 auto;}


.clearfix:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.clearfix{ 
	display:block;
	clear:both;
	overflow:hidden; 
}


/*** 位置設定 ================================================== */

.ma_to05 {margin-top:0.5em;}
.ma_to10 {margin-top:1em;}
.ma_to15 {margin-top:1.5em;}
.ma_to20 {margin-top:2em;}
.ma_to30 {margin-top:3em;}
.ma_to40 {margin-top:4em;}
.ma_to50 {margin-top:5em;}
.ma_to60 {margin-top:6em;}
.ma_to70 {margin-top:7em;}

.ma_bo05 {margin-bottom:0.5em;}
.ma_bo10 {margin-bottom:1em;}
.ma_bo15 {margin-bottom:1.5em;}
.ma_bo20 {margin-bottom:2em;}
.ma_bo30 {margin-bottom:3em;}
.ma_bo40 {margin-bottom:4em;}
.ma_bo50 {margin-bottom:5em;}
.ma_bo60 {margin-bottom:6em;}
.ma_bo70 {margin-bottom:7em;}

.ma_tobo05 {margin:0.5em 0;}
.ma_tobo10 {margin:1em 0;}
.ma_tobo20 {margin:2em 0;}
.ma_tobo30 {margin:3em 0;}


.pa_to80 {padding-top:8em;}
.pa_to70 {padding-top:7em;}
.pa_to60 {padding-top:6em;}
.pa_to50 {padding-top:5em;}
.pa_to40 {padding-top:4em;}
.pa_to30 {padding-top:3em;}
.pa_to20 {padding-top:2em;}
.pa_to15 {padding-top:1.5em;}
.pa_to12 {padding-top:1.2em;}
.pa_to10 {padding-top:1em;}
.pa_to07 {padding-top:0.7em;}
.pa_to05 {padding-top:0.5em;}
.pa_to03 {padding-top:0.3em;}
.pa_to02 {padding-top:0.2em;}

.pa_bo80 {padding-bottom:8em;}
.pa_bo70 {padding-bottom:7em;}
.pa_bo60 {padding-bottom:6em;}
.pa_bo50 {padding-bottom:5em;}
.pa_bo40 {padding-bottom:4em;}
.pa_bo30 {padding-bottom:3em;}
.pa_bo20 {padding-bottom:2em;}
.pa_bo15 {padding-bottom:1.5em;}
.pa_bo10 {padding-bottom:1em;}
.pa_bo07 {padding-bottom:0.7em;}
.pa_bo05 {padding-bottom:0.5em;}
.pa_bo03 {padding-bottom:0.3em;}
.pa_bo02 {padding-bottom:0.2em;}


.pa_tobo30 {padding:3em 0;}
.pa_tobo20 {padding:2em 0;}
.pa_tobo10 {padding:1em 0;}
.pa_tobo05 {padding:0.5em 0;}



/* @end */



/*========================================
	背景色　基本設定 ここから
========================================*/

.back_FFFFFF{background:#FFFFFF;}
.back_202020{background:#202020;}
.back_F2F2F2{background:#F2F2F2;}

.back_202020_mai02{
	background:#202020;
	margin:-1em 0 0 0;
}

/*背景色　お客様ごとの設定　ここを追加or削除していく*/


/*========================================
	背景色　お客様ごとの設定ここまで
========================================*/

.back_FFCE45_7{
	background: linear-gradient(#FFFCD5 7em, #FFCE45 0 7em);
}


/*==================================================
	ホバーで動く　ここから
	リンク付きの画像に設置
	<div class="hover"><a><img src~~ /></a></div>
	※上に動くので余白に注意（埋まること有）
==================================================*/

.hover a img,
.hover a{
	filter: alpha(opacity=100);
	-webkit-opacity:1.00;
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}

.hover a:hover img,
.hover a:hover{
	-webkit-transform: translate(0,-3px);
	-moz-transform: translate(0,-3px);
	-ms-transform: translate(0,-3px);
	-o-transform: translates(0,-3px);
}
/*==================================================
	ホバーで動く　ここまで
==================================================*/



/*==================================================
	ホバーで拡大　ここから
	リンク付きの画像に設置
	<div class="zoom"><a><img src~~ /></a></div>
	※動くので余白に注意
	（画像ぼやけるのであまり使用しない）
==================================================*/

.zoom a img{
	filter: alpha(opacity=100);
	-webkit-opacity:1.00;
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
}
.zoom a svg{
	filter: alpha(opacity=100);
	-webkit-opacity:1.00;
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}

.zoom a:hover img{
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}

.zoom a:hover svg{
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}

/*==================================================
	ホバーで拡大　ここまで
==================================================*/


/*===========================================*/
/*基本設定　大西*/
/*===========================================*/
#sub01,
#sub02,
#sub03,
#sub04,
#sub05,
#sub06,
#sub07,
#sub08,
#sub09,
#sub10,
#sub11,
#sub12,
#sub13,
#sub14,
#sub15,
.sub00,
.sub00_100 {
	width:94%;
	margin:0 auto;
	text-align:left;
	padding:2em 0;
}

#sub01{
	padding:0 0 2em;
}
.sub00{
	padding:0;
}
.sub00_100{
	width:100%;
	padding:0;
}

/*1600の土台設定*/
.block_1600{/*1600pxの領域*/
	max-width:1600px;
	width:90%;
	margin:0 auto;
	padding:2em 0;
}
.block_1600_100{/*1600pxの領域*/
	max-width:1600px;
	width:100%;
	margin:0 auto;
	padding:2em 0;
}

.block_1600_00{/*1600pxの領域*/
	max-width:1600px;
	width:90%;
	margin:0 auto;
	padding:0;
}
.block_1600_100_00{/*1600pxの領域*/
	max-width:1600px;
	width:100%;
	margin:0 auto;
	padding:0;
}

.block_1400{/*1600pxの領域*/
	max-width:1400px;
	width:90%;
	margin:0 auto;
	padding:2em 0;
}
.block_1400_00{/*1600pxの領域*/
	max-width:1400px;
	width:90%;
	margin:0 auto;
	padding:0;
}

.block_1400_100{/*1600pxの領域*/
	max-width:1400px;
	width:100%;
	margin:0 auto;
	padding:2em 0;
}
.block_1400_100_00{/*1600pxの領域*/
	max-width:1400px;
	width:100%;
	margin:0 auto;
	padding:0;
}


.block_1800{/*1800pxの領域*/
	max-width:1800px;
	width:96%;
	margin:0 auto;
	padding:2em 0;
}
.block_1800_00{/*1600pxの領域*/
	max-width:1800px;
	width:96%;
	margin:0 auto;
	padding:0;
}

.block_1800_100{/*1600pxの領域*/
	max-width:1800px;
	width:100%;
	margin:0 auto;
	padding:2em 0;
}
.block_1800_100_00{/*1600pxの領域*/
	max-width:1800px;
	width:100%;
	margin:0 auto;
	padding:0;
}

/*=======================================
	文字色　基本設定
	aタグ用も一緒に設置していく
=======================================*/
.colo_FFFFFF{color:#FFFFFF !important;}
.colo_FFFFFF a{color:#FFFFFF !important;}

.colo_FF0000{color:#FF0000 !important;}
.colo_FF0000 a{color:#FF0000 !important;}

.colo_000000{ color:#000000 !important;}
.colo_000000 a{color:#000000 !important;}

.colo_666666{ color:#666666 !important;}
.colo_666666 a{color:#666666 !important;}

.colo_777777{ color:#777777 !important;}
.colo_777777 a{color:#777777 !important;}

.colo_888888{ color:#888888 !important;}
.colo_888888 a{color:#888888 !important;}

.colo_DDDDDD{ color:#DDDDDD !important;}
.colo_DDDDDD a{color:#DDDDDD !important;}

.colo_444444{ color:#444444 !important; }
.colo_444444 a{ color:#444444 !important; }

.colo_BBBBBB{ color:#BBBBBB !important;}
.colo_BBBBBB a{color:#BBBBBB !important;}

.colo_1A1A1A{ color:#1A1A1A !important;}
.colo_1A1A1A a{color:#1A1A1A !important;}


.colo_999999{ color:#999999 !important;}
.colo_999999 a{color:#999999 !important;}

.colo_333333{ color:#333333 !important;}
.colo_333333 a{color:#333333 !important;}

/*文字色　お客様ごとの設定　ここを追加or削除していく*/

.colo_0B2751{color:#0B2751 !important;}
.colo_0B2751 a{color:#0B2751 !important;}


.colo_0070B6{color:#0070B6 !important;}
.colo_0070B6 a{color:#0070B6 !important;}


.colo_1B1464{color:#1B1464 !important;}
.colo_1B1464 a{color:#1B1464 !important;}


.colo_F9A56B{color:#F9A56B !important;}
.colo_F9A56B a{color:#F9A56B !important;}

.colo_C1272D{color:#C1272D !important;}
.colo_C1272D a{color:#C1272D !important;}


.link_E5912E a{
	text-decoration: underline;
	color:#E5912E;
}
.link_E5912E a:hover{
	text-decoration: none;
}


/*aタグ　マーカーで引いたような下線をホバーで表示*/

.mark_FFFF99_a a{
	text-decoration: none;
}
.mark_FFFF99_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #ffff99 0);
	background:-webkit-linear-gradient(transparent 50%, #ffff99 0);
	background:-ms-linear-gradient(transparent 50%, #ffff99 0);
	background:-o-linear-gradient(transparent 50%, #ffff99 0);
	background:linear-gradient(transparent 50%, #ffff99 0);
}
.mark_EEEEEE_a a{
	text-decoration: none;
}
.mark_EEEEEE_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #EEEEEE 0);
	background:-webkit-linear-gradient(transparent 50%, #EEEEEE 0);
	background:-ms-linear-gradient(transparent 50%, #EEEEEE 0);
	background:-o-linear-gradient(transparent 50%, #EEEEEE 0);
	background:linear-gradient(transparent 50%, #EEEEEE 0);
}

.mark_555555_a a{
	text-decoration: none;
}
.mark_555555_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #555555 0);
	background:-webkit-linear-gradient(transparent 50%, #555555 0);
	background:-ms-linear-gradient(transparent 50%, #555555 0);
	background:-o-linear-gradient(transparent 50%, #555555 0);
	background:linear-gradient(transparent 50%, #555555 0);
}

.mark_D6D6D6_a a{
	text-decoration: none;
}
.mark_D6D6D6_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #D6D6D6 0);
	background:-webkit-linear-gradient(transparent 50%, #D6D6D6 0);
	background:-ms-linear-gradient(transparent 50%, #D6D6D6 0);
	background:-o-linear-gradient(transparent 50%, #D6D6D6 0);
	background:linear-gradient(transparent 50%, #D6D6D6 0);
}


.mark_FDD7E9_a a{
	text-decoration: none;
}
.mark_FDD7E9_a a:hover{
	background:-moz-linear-gradient(transparent 50%, #FDD7E9 0);
	background:-webkit-linear-gradient(transparent 50%, #FDD7E9 0);
	background:-ms-linear-gradient(transparent 50%, #FDD7E9 0);
	background:-o-linear-gradient(transparent 50%, #FDD7E9 0);
	background:linear-gradient(transparent 50%, #FDD7E9 0);
}

.mark_FFFF00{
	background:-moz-linear-gradient(transparent 50%, #FFFF00 0);
	background:-webkit-linear-gradient(transparent 50%, #FFFF00 0);
	background:-ms-linear-gradient(transparent 50%, #FFFF00 0);
	background:-o-linear-gradient(transparent 50%, #FFFF00 0);
	background:linear-gradient(transparent 50%, #FFFF00 0);
}

.mark_F8EA21{
	background:-moz-linear-gradient(transparent 50%, #F8EA21 0);
	background:-webkit-linear-gradient(transparent 50%, #F8EA21 0);
	background:-ms-linear-gradient(transparent 50%, #F8EA21 0);
	background:-o-linear-gradient(transparent 50%, #F8EA21 0);
	background:linear-gradient(transparent 50%, #F8EA21 0);
}


/*==============================
    ホバーしたら線を動的に出す
==============================*/
.underline_000000 a {
  display: inline-block;
  padding-bottom: 2px;
  position: relative;
  text-decoration: none;
}

.underline_000000 a:hover::after {
  width: 100%;
}

.underline_000000 a::after {
  background-color: #000000;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  transition: 0.3s all;
  width: 0;
}

.underline_FFFFFF a {
  display: inline-block;
  padding-bottom: 2px;
  position: relative;
  text-decoration: none;
}

.underline_FFFFFF a:hover::after {
  width: 100%;
}

.underline_FFFFFF a::after {
  background-color: #FFFFFF;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  transition: 0.3s all;
  width: 0;
}

.bord_D6D6D6_t1{
	border-top:#D6D6D6 solid 1px;
}
.bord_EEEEEE_t1{
	border-top:#EEEEEE 1px solid;
}
.bord_FFFFFF_t1{
	border-top:#FFFFFF 1px solid;
}
.bord_D6D6D6_1{
	border:#D6D6D6 1px solid;
}

.bord_DDDDDD_t1{
	border-top:#DDDDDD 1px solid;
}

.bord_000000_t1{
	border-top:1px #000000 solid;
}

.bord_E6E6E6_t1{
	border-top:#E6E6E6 1px solid;
}
.bord_DDD0AB_t1{
	border-top:#DDD0AB 1px solid;
}
.bord_000000_t2{
	border-top:#000000 2px solid;
}

.bord_FFCE94_t1{
	border-top:#FFCE94 1px solid;
}

.bord_F15A24_t1{
	border-top:1px solid #F15A24;
}

.bord_B3B3B3_t1{
	border-top:1px solid #B3B3B3;
}

/*お客様ごとに変更・追加*/


.bord_E6E6E6_t5{
	border-top:#E6E6E6 5px solid;
}

.bord_AEAEAE_d4{
	border-top:#AEAEAE 4px dotted;
}

.bord_B8B8CA_t2{
	border-top:#B8B8CA 2px solid;
}


/*テキストインデント*/
.txt_ind01{padding-left: 1em;text-indent: -1em;}/*1文字分*/
.txt_ind02{padding-left: 2em;text-indent: -2em;}/*2文字分*/
.txt_ind03{padding-left: 3em;text-indent: -3em;}/*3文字分*/


.txt_ind01sp{padding-left: 1em;text-indent: -1em;}/*スマホ時だけ1文字分*/
.txt_ind02sp{padding-left: 2em;text-indent: -2em;}/*スマホ時だけ2文字分*/


/*==スマホ時width設定=================*/
.w_100{width:100% !important;margin:0 !important;}
.w_96{width:96% !important;margin:0 2% !important;}
.w_90{width:90% !important;margin:0 5% !important;}
.w_80{width:80% !important;margin:0 10% !important;}
.w_70{width:70% !important;margin:0 15% !important;}
.w_60{width:60% !important;margin:0 20% !important;}
.w_50{width:50% !important;margin:0 25% !important;}
.w_40{width:40% !important;margin:0 30% !important;}
.w_30{width:30% !important; margin:0 35% !important;}

.w_100l{width:100% !important;margin:0 !important;}
.w_96l{width:96% !important;margin:0 4% 0 0 !important;}
.w_90l{width:90% !important;margin:0 10% 0 0 !important;}
.w_80l{width:80% !important;margin:0 20% 0 0 !important;}
.w_70l{width:70% !important;margin:0 30% 0 0 !important;}
.w_60l{width:60% !important;margin:0 40% 0 0 !important;}
.w_50l{width:50% !important;margin:0 50% 0 0 !important;}
.w_40l{width:40% !important;margin:0 60% 0 0 !important;}
.w_30l{width:30% !important;margin:0 70% 0 0 !important;}

.w_100r{width:100% !important;margin:0 !important;}
.w_96r{width:96% !important;margin:0 0 0 4% !important;}
.w_90r{width:90% !important;margin:0 0 0 10% !important;}
.w_80r{width:80% !important;margin:0 0 0 20% !important;}
.w_70r{width:70% !important;margin:0 0 0 30% !important;}
.w_60r{width:60% !important;margin:0 0 0 40% !important;}
.w_50r{width:50% !important;margin:0 0 0 50% !important;}
.w_40r{width:40% !important;margin:0 0 0 60% !important;}
.w_30r{width:30% !important;margin:0 0 0 70% !important;}

.w_100 img,
.w_96 img,
.w_90 img,
.w_80 img,
.w_70 img,
.w_60 img,
.w_50 img,
.w_40 img,
.w_30 img{
	width:auto;
	max-width: 100%;
	margin:0 auto;
}
.w_100l img,
.w_96l img,
.w_90l img,
.w_80l img,
.w_70l img,
.w_60l img,
.w_50l img,
.w_40l img,
.w_30l img,
.w_100r img,
.w_96r img,
.w_90r img,
.w_80r img,
.w_70r img,
.w_60r img,
.w_50r img,
.w_40r img,
.w_30r img{
	width:auto;
	max-width: 100%;
	margin:0;
}


.img_100 img{
	width:100% !important;
	margin:0 auto;
}
.img_90 img{
	width:90% !important;
	margin:0 auto;
}
.img_80 img{
	width:80% !important;
	margin:0 auto;
}
.img_70 img{
	width:70% !important;
	margin:0 auto;
}
.img_60 img{
	width:60% !important;
	margin:0 auto;
}
.img_50 img{
	width:50% !important;
	margin:0 auto;
}
.img_40 img{
	width:40% !important;
	margin:0 auto;
}

.img_30 img{
	width:30% !important;
	margin:0 auto;
}

/*===================*/
/*PCでのtextの幅設定（全サイズ縮める）*/
.p_w70,
.p_w80,
.p_w90,
.p_w94,
.p_w96,
.p_w98{width:90% !important; margin:0 5% !important;}


.bold{font-weight:bold;}
.bold_900{
	font-weight:900; 
	transform: rotate(0.03deg); 
}
.bold_800{font-weight:800;}
.bold_700{font-weight:700;}
.bold_600{font-weight:600;}
.bold_500{font-weight:500;}
.bold_400{font-weight:400;}
.bold_300{font-weight:300;}
.bold_200{font-weight:200;}
.bold_100{font-weight:100;}
.normal{ font-weight:normal !important;}

.font_ital{font-style: italic;}


.font09{font-size:60%;}
.font10{font-size:70%;}
.font11{font-size:80%;}
.font12{font-size:85%; line-height:1.3;}
.font13{font-size:93%;}

.font14{font-size:106%; line-height:1.5;}
.font15{font-size:110%; line-height:1.5;}
.font16{font-size:120%; line-height:1.5;}
.font17{font-size:130%;  line-height:1.4;}
.font18{font-size:140%; line-height:1.4;}
.font19{font-size:150%; line-height:1.4;}

.font20{font-size:170%; line-height:1.4;}

.font25pc{font-size:150%;}


.font10sp{
	font-size: 70%;
}
.font12sp{
	font-size: 80%;
}

.underline{
	text-decoration: underline;
}
.underline_h a{
	text-decoration: underline;
}
.underline_h a:hover{
	text-decoration: none;
}

.line_height12{
	line-height:1.2 !important;
}
.line_height14{
	line-height:1.4 !important;
}
.line_height16{
	line-height:1.6 !important;
}
.line_height18{
	line-height:1.8 !important;
}
.line_height20{
	line-height:2 !important;
}
.line_height25pt{
	line-height:2 !important;
}
.le_sp_m02{letter-spacing: -2px !important;}
.le_sp_m01{letter-spacing: -1px !important;}
.le_sp00{letter-spacing: -1px !important;}
.le_sp01{letter-spacing: 1px !important;}
.le_sp02{letter-spacing: 2px !important;}
.le_sp03{letter-spacing: 3px !important;}
.le_sp04{letter-spacing: 4px !important;}
.le_sp05{letter-spacing: 5px !important;}
.le_sp06{letter-spacing: 6px !important;}
.le_sp07{letter-spacing: 7px !important;}
.le_sp08{letter-spacing: 8px !important;}
.le_sp09{letter-spacing: 9px !important;}
.le_sp10{letter-spacing: 10px !important;}


/*PCの場合brを付ける*/
.p_br br{
	display:none;
}
.pt_br br{
	display:none;
}

/*スマホの場合brを付ける*/
.s_br br{
	display:block;
}

/*スマホとタブレットの場合brを付ける*/
.st_br br{
	display: block;
}


/*スマホの場合左寄せ*/
.p_cen_s_le{
	text-align:left;
}
/*スマホの場合センター*/
.p_le_s_cen{
	text-align:center;
}
/*スマホの場合真ん中寄せ*/
.p_ri_s_cen{
	text-align: center;
}

.p_ri_s_le{
	text-align: left;
}

.txt_shadow{
	text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
}

.vr_m p,
.vr_m h1,
.vr_m h2,
.vr_m h3,
.vr_m h4,
.vr_m h5,
.vr_m ul,
.vr_m div{
	display: inline-block;
	vertical-align: middle;
}

.vr_m_img p,
.vr_m_img span,
.vr_m_img h2,
.vr_m_img h3,
.vr_m_img h4,
.vr_m_img h5,
.vr_m_img ul,
.vr_m_img li,
.vr_m_img div{
	display: inline-block;
	vertical-align: middle;
}
.vr_m_img p img,
.vr_m_img span img,
.vr_m_img h2 img,
.vr_m_img h3 img,
.vr_m_img h4 img,
.vr_m_img h5 img,
.vr_m_img ul img,
.vr_m_img div img{
	display: inline-block;
	vertical-align: middle;
}


.vr_b p,
.vr_b span,
.vr_b h2,
.vr_b h3,
.vr_b h4,
.vr_b h5,
.vr_b ul,
.vr_b div{
	display: inline-block;
	vertical-align: text-bottom;
}

.vr_n p,
.vr_n span,
.vr_n h2,
.vr_n h3,
.vr_n h4,
.vr_n h5,
.vr_n ul,
.vr_n div,
.vr_n dt,
.vr_n dd{
	display: inline-block;
}



.po_rela{
	position: relative;
	z-index: 5;
}


.hov_999999 a,
.hov_999999 a span{
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.hov_999999 a:hover,
.hov_999999 a:hover span{
	color:#999999 !important;
}

.hov_0055B4 a,
.hov_0055B4 a span{
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.hov_0055B4 a:hover,
.hov_0055B4 a:hover span{
	color:#0055B4 !important;
}

.hov_F9A56B a,
.hov_F9A56B a span{
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.hov_F9A56B a:hover,
.hov_F9A56B a:hover span{
	color:#F9A56B !important;
}


.hov_058BD6 a,
.hov_058BD6 a span{
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.hov_058BD6 a:hover,
.hov_058BD6 a:hover span{
	color:#058BD6 !important;
}



/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {


/*==================
  電話番号タップ
==================*/
a.telLink0 { display:inline-block; cursor: default; pointer-events: none; text-decoration:none; }

/*===========================================*/
/*基本設定　大西*/
/*===========================================*/

	
#sub01,
#sub02,
#sub03,
#sub04,
#sub05,
#sub06,
#sub07,
#sub08,
#sub09,
#sub10,
#sub11,
#sub12,
#sub13,
#sub14,
#sub15,
.sub00{
	width:96%;
}
.sub00_100{
	width:100%;
}
.block_1400_100{/*1600pxの領域*/
	width:96%;
}
.block_1400_00{/*1600pxの領域*/
	width:96%;
}
.block_1400_100_00{/*1600pxの領域*/
	width:96%;
}
.block_1800{/*1600pxの領域*/
	width:96%;
}
.block_1800_100{/*1600pxの領域*/
	width:96%;
}
.block_1800_00{/*1600pxの領域*/
	width:96%;
}
.block_1800_100_00{/*1600pxの領域*/
	width:96%;
}

.w_100l,
.w_96l,
.w_90l,
.w_80l,
.w_70l,
.w_60l,
.w_50l,
.w_40l,
.w_30l,
.w_100r,
.w_96r,
.w_90r,
.w_80r,
.w_70r,
.w_60r,
.w_50r,
.w_40r,
.w_30r,
.w_30,
.w_40,
.w_50,
.w_60,
.w_70,
.w_80,
.w_90,
.w_96,
.w_100{width:auto !important;margin:0 !important;}

.w_100 img,
.w_96 img,
.w_90 img,
.w_80 img,
.w_70 img,
.w_60 img,
.w_50 img,
.w_40 img,
.w_30 img{
	width:auto;
	max-width: 100%;
	margin:0 auto;
}
.w_100l img,
.w_96l img,
.w_90l img,
.w_80l img,
.w_70l img,
.w_60l img,
.w_50l img,
.w_40l img,
.w_30l img{
	width:auto;
	max-width: 100%;
	margin:0;
}


.p_w70{width:70% !important; margin:0 15% !important;}
.p_w80{width:80% !important; margin:0 10% !important;}
.p_w90{width:90% !important; margin:0 5% !important;}
.p_w94{width:94% !important; margin:0 3% !important;}
.p_w96{width:96% !important; margin:0 2% !important;}
.p_w98{width:98% !important; margin:0 1% !important;}
	

.pc_40{width:40% !important; margin:0 30% !important;}
.pc_50{width:50% !important; margin:0 25% !important;}
.pc_60{width:60% !important; margin:0 20% !important;}
.pc_70{width:70% !important; margin:0 15% !important;}
.pc_80{width:80% !important; margin:0 10% !important;}
.pc_85{width:85% !important; margin:0 7.5% !important;}
.pc_90{width:90% !important; margin:0 5% !important;}
.pc_94{width:94% !important; margin:0 3% !important;}
.pc_96{width:96% !important; margin:0 2% !important;}
.pc_98{width:98% !important; margin:0 1% !important;}

	
	
.p_br br{
	display:block;
}
.s_br br{
	display:none;
}
/*スマホとタブレットの場合brを付ける*/
.st_br br{
	display: block;
}
	
	
/*スマホの場合左寄せ*/
.p_cen_s_le{
	text-align:center;
}
/*スマホの場合センター*/
.p_le_s_cen{
	text-align:left;
}
/*スマホの場合真ん中寄せ*/
.p_ri_s_cen{
	text-align: right;
}
	
.p_ri_s_le{
	text-align: right;
}

.font14{font-size:105%; line-height:1.7;}
.font15{font-size:110%; line-height:1.7;}
.font16{font-size:120%; line-height:1.7;}
.font17{font-size:130%;  line-height:1.6;}
.font18{font-size:140%; line-height:1.6;}
.font19{font-size:150%; line-height:1.6;}
.font20{font-size:190%; line-height:1.5;}



/*PC・タブレットの時だけ大きくしたい場合*/
.font13pc{font-size:90%;}
.font14pc{font-size:106%;}
.font15pc{font-size:110%;}
.font16pc{font-size:120%;}
.font17pc{font-size:130%;}
.font18pc{font-size:140%;}
.font19pc{font-size:150%;}

.font20pc{font-size:170%;}
	
.font25pc{font-size:230%;}

.font10sp,
.font12sp{
	font-size: 100%;
}
	
/*PC・タブレットの時だけ文字間空けたいとき*/
.le_sp01pc{letter-spacing: 1px;}
.le_sp02pc{letter-spacing: 2px;}
.le_sp03pc{letter-spacing: 3px;}
.le_sp04pc{letter-spacing: 4px;}
.le_sp05pc{letter-spacing: 5px;}
.le_sp06pc{letter-spacing: 6px;}
.le_sp07pc{letter-spacing: 7px;}
.le_sp08pc{letter-spacing: 8px;}
.le_sp09pc{letter-spacing: 9px;}
.le_sp10pc{letter-spacing: 10px;}
	
.le_sp15pc{letter-spacing: 15px;}
.le_sp20pc{letter-spacing: 20px;}
.le_sp23pc{letter-spacing: 23px;}

.line_height20pc{
	line-height:2 !important;
}
	
.line_height23pc{
	line-height:2.3 !important;
}
	
.txt_ind01sp{padding-left: 0;text-indent: 0;}/*スマホ時だけ1文字分*/
.txt_ind02sp{padding-left: 0;text-indent: 0;}/*スマホ時だけ2文字分*/
	
.txt_ind03pc{padding-left: 3em;text-indent: -3em;}/*3文字分*/

}
/*=================================================================================*/
/** 1140px以上 PCサイズ画面 **/
@media (min-width : 1200px) {



/*===========================================*/
/*基本設定　大西*/
/*===========================================*/

#sub01,
#sub02,
#sub03,
#sub04,
#sub05,
#sub06,
#sub07,
#sub08,
#sub09,
#sub10,
#sub11,
#sub12,
#sub13,
#sub14,
#sub15{
	max-width:1200px;
	margin:0 auto;
	padding:3em 0;
}
	
#sub01{
	padding:1.5em 0 3em;
}
	

.sub00{
	max-width:1200px;
	margin:0 auto;
	padding:0;
}
.sub00_100{
	max-width:1200px;
	margin:0 auto;
	padding:0;
}
	
/*スマホとタブレットの場合brを付ける*/
.st_br br{
	display: none;
}
.pt_br br{
	display:block;
}

}
/*=================================================================================*/
/** 1450px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1450px) {
/***  各ページ共通部  ***/

.font20{font-size:200%; line-height:1.4;}

.line_height25pt{
	line-height:2.5 !important;
}
.font15pt{font-size:110%;}
}
