@charset "utf-8";
/******************************************
- Title Style
- Section Style
- List Style
- Button Style
- Text Style
- Stopgap Class
clearfix
*******************************************/



/* ----------------------------------------

- Title Style

---------------------------------------- */
/* title01
------------------------------- */
.title01  {
	margin-bottom: 50px;
	text-align: center;
}
.title01 .main {
	font-size: 40px;
	line-height: 1.3;
	font-weight: bold;
}
.title01 .sub {
	font-size: 18px;
	letter-spacing: .2em;
	font-weight: 600;
	font-family: 'Noto Serif JP', serif;
}
.tit_deco_underline {
	position: relative;	
	padding-bottom: .5em;
}
.tit_deco_underline::after {
	content: "";
	width: 100px;
	height: 1px;
	background: #000;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);

}
@media only screen and (max-width: 767px){
	.title01  {
		margin-bottom: 40px;
	}
	.title01 .main {
		font-size: 28px;
	}
}

/* ----------------------------------------

- Section Style

---------------------------------------- */
.bg_gray {
	background-color: #E4E8E4;
	overflow: hidden;
}

.bg_orange {
	background: #ffe096;
	overflow: hidden;
}
.bg_lightOrange {
	background: #fff9eb;
	overflow: hidden;
}
/* section
------------------------------- */
.sec01 {
	margin-top: 100px;
	margin-bottom: 100px;
}

@media only screen and (max-width: 767px){
	.sec01 {
		margin-top: 80px;
		margin-bottom: 80px;
	}
}

/* inner
------------------------------- */
.inner01 {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: content-box;
}
.inner02 {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: content-box;
}
.inner01 .inner02 {
	padding-left: 0;
	padding-right: 0;
}

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

}



/* ----------------------------------------

- List Style

---------------------------------------- */
/* indentlList
------------------------------- */
.indentlList {
  display: inline-block;
	text-align: left;
}
.indentlList > li {
	margin-left: 1em;
	text-indent: -1em;
}
.indentlList > li:before {
	content: "";
	display: inline;
}


/* defList
------------------------------- */
.defList {
	padding-left: 30px;
	margin-bottom: 15px;
}
ul.defList > li {
	list-style-type: disc;
}
ol.defList > li {
	list-style-type: decimal;
}


/* ----------------------------------------

- Button Style

---------------------------------------- */


/* btn_raund
------------------------------- */
.btn_raund {
	display: inline-block;
	font-size: 16px;
	line-height: 1.25;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #E26F2D;
	box-shadow: 3px 3px 6px rgba(0,0,0,.18);
	border-radius: 50px;
	padding: 1.25em 2.5em;
}
.btn_raund .arw {
	display: inline-block;
	background: url(../../img/common/icon_arw_circle_right_white.svg) left center no-repeat;
	background-size: 1.25em;
	padding-left: 2em;
}
.btn_raund:hover {
	opacity: 1;
	transform: translateY(5%);
}
.btn_raund.is-green {
	background: #2D9819;;
}
.btn_raund.is-green .arw {
	display: inline-block;
	background: url(../../img/common/icon_arw_green_circle_right_white.svg) left center no-repeat;
	background-size: 1.25em;
	padding-left: 2em;
}
@media screen and (max-width:767px){
	.btn_raund {
		font-size: 15px;
	}

}



/* ----------------------------------------

- Text Style

---------------------------------------- */
.underline {
	text-decoration: underline;
}
.fw400 { font-weight: 400 !important;}
.fwB { font-weight: bold !important;}
.txt_indent {
	padding-left: 1.15em;
	text-indent: -1.15em;
}
.txt_indent_mark {
	margin-right: .15em;
}



/* ----------------------------------------

- Stopgap Class

---------------------------------------- */
.clear {
	clear: both;
}
.hidden {
	height: 0;
	width: 0;
	overflow: hidden;
}
.font_orenge { color: #F7552D;}
.alnC { text-align: center !important;}
.alnR { text-align: right !important;}
.alnL{ text-align: left !important;}
.nowrap { white-space: nowrap;}
.breakWord { word-wrap: break-word;}
.pc { display: inline-block!important; }
.sp { display: none!important; }
@media screen and (max-width:767px){

	.pc { display: none !important; }
	.sp { display: inline-block !important; }
}

/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
.clearfix:after,
.imgSec01:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
.clearfix,
.imgSec01 {
	*zoom: 1;
}