@charset "utf-8";
/* style.css */
/*************************************************************
	default
*************************************************************/
html, body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}
img { border: 0; }
a { color: #00F; }
a:hover { color: #F00; }
strong { font-weight: normal; }
p { max-height: 999999px; }
.safety{ display:none;}

/*************************************************************
	style
*************************************************************/

/*	common
------------------------------------------------------------*/
/*	img	*/
img.imageFull { width: 100% !important; height: auto !important; }
img.imageMax { max-width: 100% !important; height: auto !important; }

.linkButton { text-align: center; }
.linkButton a { padding: 10px 20px; color: #fff; font-weight: bold; text-decoration: none; background: #005326; }
.linkButton a:hover { background: #083240; }

/* phoneMenu */
#phoneMenu { display: none; }

/*	header
------------------------------------------------------------*/
/*	menu	*/
#menuList .target { display: none; }

/*	index
------------------------------------------------------------*/
#indexPage #section01 { text-align: center; }
#indexPage #section01 h2 { margin: 20px 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-weight: bold; }
#indexPage #section01 h2 span { font-family: "Times New Roman", Times, serif; }
#indexPage #section02 { text-align: center; }
#indexPage #section02 h3 { margin-bottom: 15px; font-weight: bold; }
#indexPage #section02 h3 + p { margin-bottom: 30px; line-height: 1.7; }
#indexPage #section03 h2 { margin: 20px 0; font-weight: bold; text-align: center; }
#indexPage #section03 > div p strong { display: inline-block; margin-bottom: 5px; color: #333; font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
#indexPage #section03 > div p span { display: inline-block; }

/*	secondPage
------------------------------------------------------------*/
.secondPage h2 { margin-bottom: 15px; font-weight: bold; }

/*	missionPage
------------------------------------------------------------*/
#missionPage h2 { font-size: 2em; }
#missionPage #section01 { margin-bottom: 50px; }
#missionPage #section01 p { margin-bottom: 2em; line-height: 2; }
#missionPage #section02 { background: url(../png/bg_dotted.png) center bottom repeat; }
#missionPage #section02 #section02inner { background: url(../jpg/section02inner.jpg) top repeat-x; }
#missionPage #section02 .missionThemeBox p.photo,
#missionPage #section02 .missionThemeBox p.title { margin-bottom: 0.85em; }
#missionPage #section02 .missionThemeBox p.text { font-size: 0.8em; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
#missionPage #section03 { background: url(../png/bg_dotted2.png) center top repeat-x; }
#missionPage #section03 .linkButton a { padding: 10px 20px; color: #666; background: #fff; border: 2px solid #666; border-collapse: collapse; }
#missionPage #section03 .linkButton a:hover { background: #F4F4F4; }

/*	interviewPage
------------------------------------------------------------*/
#interviewPage .interviewWrap .leftArea,
#interviewPage .interviewWrap .rightArea { text-align: left; }
#interviewPage .interviewWrap h2 { color: #005326; font-size: 1.15em; }
#interviewPage .interviewWrap h3 { font-weight: normal; }
#interviewPage .interviewWrap h3:before { content: "\02013"; margin-right: 0.5em; }
#interviewPage .interviewWrap p { margin-bottom: 1em; }
#interviewPage .interviewWrap p.text { font-size: 0.9em; }
#interviewPage .interviewWrap img { width: 100%; height: auto; }
#interviewPage .interviewWrap #crewWrap { margin-bottom: 20px; padding: 15px 15px 5px; background: #EBEBE7; }
#interviewPage .interviewWrap #crewWrap > div { background: url(../png/crew_mission.png) center bottom no-repeat; }
#interviewPage .interviewWrap #crewWrap .title { margin-bottom: 5px; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 1.2em; font-weight: bold; }
#interviewPage .interviewWrap #crewWrap ol { list-style: decimal; margin-bottom: 5px; font-size: 0.9em; font-weight: bold; }
#interviewPage .interviewWrap #crewWrap ol li { font-size: 0.9em; }
#interviewPage .interviewWrap #crewWrap ol + p { margin-left: 8px; padding-bottom: 10px; font-size: 0.9em; }
#interviewPage #section02 { background: url(../png/bg_dotted3.png) center bottom repeat-x; }
#interviewPage #section03 { padding: 40px 0 50px; background: url(../png/bg_dotted.png) center bottom repeat; }
#interviewPage #section03 .inner .staffBox > div { margin-bottom: 20px; }
#interviewPage #section03 .inner .staffBox > div p { font-size: 0.9em; text-align: center; }
#interviewPage #section03 .inner .staffBox > div p span { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 1.4em; font-weight: bold; }
#interviewPage #section04 { background: url(../png/bg_dotted2.png) center top repeat-x; }
#interviewPage #section04 .linkButton a { padding: 10px 20px; color: #666; background: #fff; border: 2px solid #666; border-collapse: collapse; }
#interviewPage #section04 .linkButton a:hover { background: #F4F4F4; }

/*	entryPage
------------------------------------------------------------*/
#entryPage article { margin-top: 20px; }
#entryPage table.tableStyle01 { margin-bottom: 1em; width: 100%; border-collapse: collapse; }
#entryPage table.tableStyle01 th,
#entryPage table.tableStyle01 td { padding: 1em;  text-align: left;vertical-align: middle; }
#entryPage table.tableStyle01 td input[type="text"],
#entryPage table.tableStyle01 td select,
#entryPage table.tableStyle01 td textarea { padding: 10px; border: 1px solid #ccc; border-radius: 5px; }
#entryPage table.tableStyle01 td input[type="text"],
#entryPage table.tableStyle01 td textarea { margin-bottom: 5px; }
#entryPage table.tableStyle01 td input[type="text"],
#entryPage table.tableStyle01 td select,
#entryPage table.tableStyle01 td input[type="radio"],
#entryPage table.tableStyle01 td input[type="checkbox"] { margin-right: 0.5em; }
#entryPage table.tableStyle01 td .inputLeft05 { margin-left: 0.5em; }
#entryPage table.tableStyle01 + p { text-align: center; }
#entryPage table.tableStyle01 + p input[type="submit"] { padding: 5px 1em; text-align: center; }

/*************************************************************
	SmartPhone
*************************************************************/

/*	phoneMenu
------------------------------------------------------------*/
@media only screen and (max-width: 420px) {
	#phoneMenu { display: block; position: fixed; bottom: 0; z-index: 100; width: 100%; border-top: 1px solid #fff; }
	#phoneMenu ul { list-style: none; margin: 0; padding: 0; }
	#phoneMenu ul li { float: left; width: 33.3333%; font-size: 0.5em; text-align: center; background: #00693e; border-left: 1px solid #fff; }
	#phoneMenu ul li {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
				box-sizing: border-box;
	}
	#phoneMenu ul li:first-child { border-left: none; }
	#phoneMenu ul li a { display: block; padding: 1em; color: #fff; text-decoration: none; line-height: 1.1;}
	#phoneMenu ul li a  img{ width:24px; height: 24px;}
	#phoneMenu #phoneMenuClose { position: absolute; top: -21px; right: 0; text-align: right; line-height: 1; }
	#phoneMenu #phoneMenuClose i { font-size: 20px; color: #00693e; background: #fff; line-height: 1; border-top: 1px solid #fff; border-right: 2px solid #fff; border-left: 2px solid #fff; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; cursor: pointer; }
	.closeButton:before { content: "\f410"; }
	.closeButton.openButton:before { content: "\f151"; }
}

@media only screen and (max-width: 768px){

/*	common
------------------------------------------------------------*/
.pcOnly { display: none !important; }

.linkButton a { display: block; }

/*	inner	*/
.inner { padding: 0 10px; }

/*	header
------------------------------------------------------------*/
header { margin-bottom: 10px; padding-top: 20px; }
header h1 { /*padding-left: 40px;*/ text-align: center; }
header h1 img { max-width: 100% !important; height: auto !important; }

/*	menu	*/
.btn_hamburger { display: none !important; }

#menuList > ul { margin-top: 10px; margin-left: -2px; zoom: 1; overflow: hidden; }
#menuList > ul:after { content: ""; display: block; clear: both; }
#menuList > ul > li { float: left; margin: 0 0 2px; padding-left: 2px; width: 33.333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#menuList > ul > li > a { display: block; padding: 10px; color: #fff; font-size: 0.9em; text-decoration: none; text-align: center; background: #246484; }

/*
#menuList { display: none; position: absolute; top: 80px; z-index: 9999; width: 100%; margin-left: -10px; }
#menuList ul { width: 100%; }
#menuList ul li { border-bottom: 1px solid #fff; }
#menuList .trigger a { position: relative; }
#menuList .trigger a:before,
#menuList .trigger a:after { position: absolute; content: ''; width: 3px; background-color: #fff; }
#menuList .trigger a:before { top: 1em; right: 20px; height: 12px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#menuList .trigger a:after { top: 1em; right: 13px; height: 12px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#menuList ul li ul li { border-top: 1px solid #fff; border-bottom: 0; }
#menuList ul li a { display: block; padding: 10px; color: #fff; text-decoration: none; background: #246484; }
#menuList ul li ul li a { padding-left: 2em; color: #000; background: #eee; }
.btn_hamburger { position: absolute; top: 35px; left: 10px; width: 30px; }
.btn_hamburger a { position: relative; display: block; height: 25px; -webkit-transition: all .4s; transition: all .4s; box-sizing: border-box; }
.btn_hamburger span { position: absolute; display: inline-block; left: 0; width: 100%; height: 4px; background-color: #246484; }
.btn_hamburger span:nth-of-type(1) { top: 0; }
.btn_hamburger span:nth-of-type(2) { top: 10px; }
.btn_hamburger span:nth-of-type(3) { bottom: 0; }
.btn_hamburger span:nth-of-type(2)::after { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 4px; background-color: #246484; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-transition: all .4s; transition: all .4s; }
.btn_hamburger .active span:nth-of-type(2) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.btn_hamburger .active span:nth-of-type(2)::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.btn_hamburger .active span:nth-of-type(1) { -webkit-transform: translateY(20px) scale(0); -ms-transform: translateY(20px) scale(0); transform: translateY(20px) scale(0); }
.btn_hamburger .active span:nth-of-type(3) { -webkit-transform: translateY(-20px) scale(0); -ms-transform: translateY(-20px) scale(0); transform: translateY(-20px) scale(0); }
*/

/*	footer
------------------------------------------------------------*/
footer { margin-top: 50px; text-align: center; }
footer p:first-child strong,
footer p:first-child span { display: block; }
footer p:first-child strong { font-weight: bold; }
footer a.telhref span,
footer span:nth-of-type(2) span { display: inline; }
footer #copyright { margin: 20px 0 10px; }

/*	index
------------------------------------------------------------*/
#indexPage h2,
#indexPage h3 { font-size: 1.0em; }
#indexPage #section01 h2 { padding-left: 20px; padding-right: 20px; }
#indexPage #section02 { margin-bottom: 50px; }
#indexPage #section02 > div div { padding: 20px 10px 0; }
#indexPage #section02 h3 + p { font-size: 0.85em; text-align: left; }
#indexPage #section03 { text-align: center; }
#indexPage #section03 .linkButton { margin-bottom: 30px; padding: 0 10px; }
#indexPage #section03 > div p { margin-bottom: 20px; }
#indexPage #section03 > div p strong { font-size: 1.2em; font-weight: bold; }
#indexPage #section03 > div p span { font-size: 0.85em; }

/*	secondPage
------------------------------------------------------------*/
.secondPage h2 { font-size: 1.0em; }

/*	missionPage
------------------------------------------------------------*/
#missionPage #section01 p { font-size: 0.85em; text-align: left; }
#missionPage #section02 .missionThemeBox { margin-bottom: 30px; }
#missionPage #section02 .missionThemeBox p.photo,
#missionPage #section02 .missionThemeBox p.title { text-align: center; }
#missionPage #section03 .linkButton { padding: 0 20px; }

/*	interviewPage
------------------------------------------------------------*/
#interviewPage .interviewWrap { padding: 20px; }
#interviewPage .interviewWrap #crewWrap > div { background-size: contain; }

/*	entryPage
------------------------------------------------------------*/
#entryPage table.tableStyle01 { border-top: 1px solid #ccc; }
#entryPage table.tableStyle01 th,
#entryPage table.tableStyle01 td { display: block; text-align: left; border-bottom: 1px solid #ccc; }
#entryPage table.tableStyle01 th { background: #e5ede9; }
#entryPage table.tableStyle01 th + td { display: none; }
#entryPage table.tableStyle01 td label { display: block; }
#entryPage table.tableStyle01 td input[type="text"],
#entryPage table.tableStyle01 td textarea { padding-right: 0; padding-left: 0; width: 100%; }

/* @media screen SmartPhone END */}

/*************************************************************
	 PC / 769px以上
*************************************************************/

@media print, screen and (min-width: 769px){

/*	common
------------------------------------------------------------*/
.spOnly { display: none !important; }
.leftArea { float: left; }
.rightArea { float: right; }
.areaHalf { width: 50%; }

.leftArea .padding { padding-right: 10px; }
.rightArea .padding { padding-left: 10px; }

.linkButton a { display: inline-block; min-width: 320px; width: auto !important; width: 320px; font-size: 0.9em; }

/*	inner	*/
.inner { margin: 0 auto; width: 960px; }

/*	header
------------------------------------------------------------*/
h1 { float: left; padding: 15px 0 0 20px; width: 250px; }
h1 img { width: 100%; height: auto; }

/* menu */
#menuList { display: block !important; float: right; }
#menuList a { display: block; height: 90px; line-height: 90px; white-space: nowrap; color: #000; font-size: 15px; font-weight: bold; text-decoration: none; }
#menuList ul.menuArea > li { float: left; margin-left: 2em; }
#menuList ul.menuArea > li:first-child { margin-left: 0; }
#menuList ul.menuArea > li.entry a { width: 160px; color: #fff; text-align: center; background: #005326; }
#menuList ul.target { position: absolute; }

/*	footer
------------------------------------------------------------*/
.secondPage footer { margin-top: 40px; }
footer { padding-bottom: 10px; }
footer .inner { position: relative; width: 1050px; }
footer p { white-space: nowrap; line-height: 1; }
footer p:first-child strong,
footer p:first-child span { font-size: 0.7em; font-weight: bold; }
footer p:first-child strong:nth-of-type(2) { display: inline-block; margin-left: 1em; padding-left: 1em; border-left: 1px solid #999; font-size: 0.9em; }
footer p:first-child span { display: inline-block; margin-left: 1em; }
footer p:first-child span span { margin-left: 0; font-size: 1.0em; }
footer p#copyright { position: absolute; right: 0; bottom: 1px; font-size: 0.7em; font-weight: bold; text-align: right; }

/*	index
------------------------------------------------------------*/
#indexPage #section01 h2 { font-size: 1.5em; letter-spacing: 0.3em; }
#indexPage #section02 { margin: 0 auto 50px; padding: 150px 0; width: 960px; background-size: cover; background-image: url(../jpg/index_image002.jpg); background-position: center top; background-repeat: no-repeat; }
#indexPage #section02 > div { margin: 0 auto; width: 470px; background: url(../png/opacity90_white.png); }
#indexPage #section02 > div div { padding: 50px 30px 30px; }
#indexPage #section02 h3 { font-size: 1.5em; }
#indexPage #section02 h3 + p { font-size: 12px; }
#indexPage #section03 h2 { font-size: 1.65em; }

/* 不要 ここから */
#indexPage #section03 > div #groupLink01 img { width: 80px; }
#indexPage #section03 > div #groupLink02 img { width: 190px; }
#indexPage #section03 > div #groupLink03 img { width: 70px; }
#indexPage #section03 > div #groupLink04 img { width: 85px; }
#indexPage #section03 > div #groupLink05 img { width: 60px; }
#indexPage #section03 > div #groupLink06 img { width: 100px; }
/* 不要 ここまで */

#indexPage #section03 > div#groupList #groupLink01 img { width: 60px; margin-bottom: 10px; }
#indexPage #section03 > div#groupList #groupLink02 img { width: 140px; margin-bottom: 20px; }
#indexPage #section03 > div#groupList #groupLink03 img { width: 55px; margin-bottom: 5px; }
#indexPage #section03 > div#groupList #groupLink04 img { width: 80px; margin-top: 9px; margin-bottom: 15px; }
#indexPage #section03 > div#groupList #groupLink05 img { width: 45px; }
#indexPage #section03 > div#groupList #groupLink06 img { width: 90px; margin-bottom: 23px; }

#indexPage #section03 > div img { height: auto; }
#indexPage #section03 > div p { float: left; margin-bottom: 40px; width: 33.3333%; text-align: center; }
#indexPage #section03 > div#groupList p { float: left; margin-bottom: 40px; width: 16.6666%; text-align: center; }
/*#indexPage #section03 > div p:nth-of-type(2) { padding-top: 50px; }*/
#indexPage #section03 #groupList #groupLink02 { padding-top: 20px; }
#indexPage #section03 > div p span { font-size: 0.7em; line-height: 1.4; }
#indexPage #section03 > div#groupList p strong { font-size: 0.85em; }
#indexPage #section03 > div p strong span { font-size: 1.0em; }

/*	secondPage
------------------------------------------------------------*/
.secondPage h2 { font-size: 1.5em; }

/*	missionPage
------------------------------------------------------------*/
#missionPage h2 { letter-spacing: 0.5em; }
#missionPage #section01 p { font-size: 13px; }
#missionPage #section02 .inner { width: 820px; }
#missionPage #section02 .missionThemeWrap { margin-left: -44px; }
#missionPage #section02 .missionThemeBox { float: left; margin: 0 0 50px 44px; width: 244px; }
#missionPage #section03 { margin: 0 auto; padding: 10px 100px 0; }
#missionPage #section03 .linkButton a { font-size: 1.2em; }

/*	interviewPage
------------------------------------------------------------*/
#interviewPage .interviewWrap { padding: 0 40px; }
#interviewPage .interviewWrap .leftArea,
#interviewPage .interviewWrap .rightArea { width: 50%; text-align: left; }
#interviewPage .interviewWrap .leftArea > div,
#interviewPage .interviewWrap .rightArea > div { padding: 30px; }
#interviewPage #section03 .inner { width: 786px; }/*582px*/
#interviewPage #section03 .inner .staffBox { margin-left: -30px; }
#interviewPage #section03 .inner .staffBox > div { float: left; width: 174px; margin-left: 30px; }

/*	entryPage
------------------------------------------------------------*/
#entryPage article { font-size: 13px; }
#entryPage table.tableStyle01 th,
#entryPage table.tableStyle01 td { border: 1px solid #CCC; border-right: none; border-left: none; }
#entryPage table.tableStyle01 th { text-align: right; }
#entryPage table.tableStyle01 td input[type="text"],
#entryPage table.tableStyle01 td textarea { width: 20em; }
#entryPage table.tableStyle01 td label { margin-left: 2em; }
#entryPage table.tableStyle01 td label:first-child { margin-left: 0; }

/* @media screen PC END */}

/*************************************************************
	reuse
*************************************************************/

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

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

/*	link
------------------------------------------------------------*/
a:hover img.alphaOn { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

/*	text
------------------------------------------------------------*/
/* color */

/* font-size */
.fontSmaller { font-size: 0.8em; }
.fontSmall { font-size: 0.9em; }
.fontLarge { font-size: 1.5em; }
.fontLarger { font-size: 1.8em; }
/* indent */
.textIndent1 { padding-left: 1em; text-indent: -1em; }
.textIndent2 { padding-left: 2em; text-indent: -2em; }
.textIndent3 { padding-left: 3em; text-indent: -3em; }
/* weight */
.fontBold, .fontBold strong { font-weight: bold !important; }
.fontNormal { font-weight: normal !important; }

/*	list
------------------------------------------------------------*/
ul.ulTagDefault,
ol.olTagDefault { margin-left: 2em !important; }

ul.listStyle li { padding-left: 0.5em; text-indent: -0.5em; }
ul.asterisk li:before { content: "*"; }

/*	float & clearfix
------------------------------------------------------------*/
.floatLeft{float:left;}
.floatRight{float:right;}
.floatLeft .areaHalf,
.floatRight .areaHalf,
.floatLeft.areaHalf,
.floatRight.areaHalf { width: 50%; }
.floatLeft .padding { padding-right: 10px; }
.floatRight .padding { padding-left: 10px; }

.clearfix{zoom:1;overflow:hidden;}.clearfix:after{content:"";display:block;clear:both;}

/*	text-align
------------------------------------------------------------*/
.left{text-align:left!important;}.center{text-align:center!important;}.right{text-align:right!important;}
/*	margin
------------------------------------------------------------*/
/* all 0px～50px（10px刻み）*/
.margin00{margin:0px!important;}.margin10{margin:10px!important;}.margin20{margin:20px!important;}.margin30{margin:30px!important;}.margin40{margin:40px!important;}.margin50{margin:50px!important;}
/* top 0px～50px（5px刻み）*/
.mt00{margin-top:0px!important;}.mt05{margin-top:5px!important;}.mt10{margin-top:10px!important;}.mt15{margin-top:15px!important;}.mt20{margin-top:20px!important;}.mt25{margin-top:25px!important;}.mt30{margin-top:30px!important;}.mt35{margin-top:35px!important;}.mt40{margin-top:40px!important;}.mt45{margin-top:45px!important;}.mt50{margin-top:50px!important;}
/* right 0px～50px（5px刻み）*/
.mr00{margin-right:0px!important;}.mr05{margin-right:5px!important;}.mr10{margin-right:10px!important;}.mr15{margin-right:15px!important;}.mr20{margin-right:20px!important;}.mr25{margin-right:25px!important;}.mr30{margin-right:30px!important;}.mr35{margin-right:35px!important;}.mr40{margin-right:40px!important;}.mr45{margin-right:45px!important;}.mr50{margin-right:50px!important;}
/* bottom 0px～50px（5px刻み）*/
.mb00{margin-bottom:0px!important;}.mb05{margin-bottom:5px!important;}.mb10{margin-bottom:10px!important;}.mb15{margin-bottom:15px!important;}.mb20{margin-bottom:20px!important;}.mb25{margin-bottom:25px!important;}.mb30{margin-bottom:30px!important;}.mb35{margin-bottom:35px!important;}.mb40{margin-bottom:40px!important;}.mb45{margin-bottom:45px!important;}.mb50{margin-bottom:50px!important;}
/* left 0px～50px（5px刻み）*/
.ml00{margin-left:0px!important;}.ml05{margin-left:5px!important;}.ml10{margin-left:10px!important;}.ml15{margin-left:15px!important;}.ml20{margin-left:20px!important;}.ml25{margin-left:25px!important;}.ml30{margin-left:30px!important;}.ml35{margin-left:35px!important;}.ml40{margin-left:40px!important;}.ml45{margin-left:45px!important;}.ml50{margin-left:50px!important;}

/*	padding
------------------------------------------------------------*/
/* all 0px～50px（10px刻み）*/
.padding00{padding:0px!important;}.padding10{padding:10px!important;}.padding20{padding:20px!important;}.padding30{padding:30px!important;}.padding40{padding:40px!important;}.padding50{padding:50px!important;}
/* top 0px～50px（5px刻み）*/
.pt00{padding-top:0px!important;}.pt05{padding-top:5px!important;}.pt10{padding-top:10px!important;}.pt15{padding-top:15px!important;}.pt20{padding-top:20px!important;}.pt25{padding-top:25px!important;}.pt30{padding-top:30px!important;}.pt35{padding-top:35px!important;}.pt40{padding-top:40px!important;}.pt45{padding-top:45px!important;}.pt50{padding-top:50px!important;}
/* right 0px～50px（5px刻み）*/
.pr00{padding-right:0px!important;}.pr05{padding-right:5px!important;}.pr10{padding-right:10px!important;}.pr15{padding-right:15px!important;}.pr20{padding-right:20px!important;}.pr25{padding-right:25px!important;}.pr30{padding-right:30px!important;}.pr35{padding-right:35px!important;}.pr40{padding-right:40px!important;}.pr45{padding-right:45px!important;}.pr50{padding-right:50px!important;}
/* bottom 0px～50px（5px刻み）*/
.pb00{padding-bottom:0px!important;}.pb05{padding-bottom:5px!important;}.pb10{padding-bottom:10px!important;}.pb15{padding-bottom:15px!important;}.pb20{padding-bottom:20px!important;}.pb25{padding-bottom:25px!important;}.pb30{padding-bottom:30px!important;}.pb35{padding-bottom:35px!important;}.pb40{padding-bottom:40px!important;}.pb45{padding-bottom:45px!important;}.pb50{padding-bottom:50px!important;}
/* left 0px～50px（5px刻み）*/
.pl00{padding-left:0px!important;}.pl05{padding-left:5px!important;}.pl10{padding-left:10px!important;}.pl15{padding-left:15px!important;}.pl20{padding-left:20px!important;}.pl25{padding-left:25px!important;}.pl30{padding-left:30px!important;}.pl35{padding-left:35px!important;}.pl40{padding-left:40px!important;}.pl45{padding-left:45px!important;}.pl50{padding-left:50px!important;}

/*************************************************************
	SmartPhone（!important）
*************************************************************/
@media only screen and (max-width: 768px){
.spLeft { text-align: left !important; }
.spCenter { text-align: center !important; }
.spRight { text-align: right !important; }
/* @media screen SmartPhone END */}
@media print, screen and (min-width: 769px){
.pcLeft { text-align: left !important; }
.pcCenter { text-align: center !important; }
.pcRight { text-align: right !important; }
/* @media screen PC END */}

.youtube{ margin: 0; padding: 56.25% 0 0 0; position: relative;}
.youtube iframe{ margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}