@charset "utf-8";

/*
GLOBAL
***************************************************************************/
html {
	font-size: 62.5%;
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
	width: 100%;
	height: auto;
	text-align: left;
	font-family: "Noto Sans JP", sans-serif;
	font-size: calc((100vw / 375) * 13);
	font-weight: 400;
	color: #2b2b2b;
	line-height: 2.0;
	letter-spacing: 0.1rem;
	background: #fff;
	caret-color: transparent;
}
@media screen and (min-width:768px) {
	body {
		font-size: 1.4rem;
	}
}

/* ▼CONTAINER CONTROL▼ */
.base_box {
	position: relative;
	width: auto;
	margin-left: calc((100vw / 375) * 15);
	margin-right: calc((100vw / 375) * 15);
	z-index: 1;
}
@media screen and (min-width:768px) {
	.base_box {
		margin-left: 30px;
		margin-right: 30px;
	}
}
@media screen and (min-width: 1200px){
	.base_box {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-right: 65px;
  	padding-left: 65px;
	}
}

/*
DEFAULT
***************************************************************************/
body,
h1,h2,h3,h4,h5,h6,p,div,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote,main,
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	word-wrap: break-word;
	font-feature-settings: "pkna";
	backface-visibility: hidden;
}

p {
	margin-block-start: 0;
	margin-block-end: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-size: calc((100vw / 375) * 22);
	font-weight: 600;
	line-height: 2.0;
	letter-spacing: 0.1rem;
}
h2 {
	font-size: calc((100vw / 375) * 20);
}
h3 {
	font-size: calc((100vw / 375) * 16);
}
@media screen and (min-width:768px) {
	h1,h2,h3,h4,h5,h6{
		font-size: 2.2rem;
	}
	h2 {
		font-size: 2.0rem;
	}
	h3 {
		font-size: 1.6rem;
		letter-spacing: 0.05rem;
	}
}

.font_yugo {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 600;
	letter-spacing: 0.3rem;
}

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

iframe { border:none; }

li {
	list-style-type: none;
}

table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

th {
	text-align: left;
	font-weight: 400;
}

/* ▼LINK▼ */
a {
	color: #459868;
	text-decoration: none;
	outline: none;
	transition: .5s;
}

a:hover {
	opacity: 0.7;
	text-decoration: none;
}

a.normal_link {
	text-decoration: underline;
}

a.txt_link {
	display: inline-block;
	position: relative;
}

a.txt_link::before {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #459868;
}

a.icon_link { margin:0 3px; }

a::before, a::after, button::before, button::after {
	content: '';
	position: absolute;
	transition: .5s;
}

.hover_normal a:hover, a.hover_normal:hover, .modal_switch.hover_normal:hover,
.hover_normal a:hover::before, a.hover_normal:hover::before, .modal_switch.hover_normal:hover::before,
.hover_normal a:hover::after, a.hover_normal:hover::after, .modal_switch.hover_normal:hover::after {
	opacity: 1;
}

/* ▼IMG▼ */
img, input[type="image"] {
	border: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
}

button, input[type="submit"] {
	padding: 0;
	vertical-align: middle;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	transition: .5s;
}

.img_frame {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	transition: .5s;
}

.hover_zoom a .img { overflow:hidden; }

.hover_zoom a:hover .img_frame {
	transform: scale(1.1);
}

/*
HEADER
***************************************************************************/
header {
	display: flex;
	justify-content: space-between;
  align-items: center;
	box-sizing: content-box;
	width: 100%;
	height: calc((100vw / 375) * 55);
	background: #fff;
}
@media screen and (min-width:768px) {
	header {
		height: 90px;
	}
}

header .logo {
  margin: calc((100vw / 375) * 0) calc((100vw / 375) * 5);
}
header .logo img {
    width: calc((100vw / 375) * 90);
    margin-bottom: calc((100vw / 375) * 4);
}
@media screen and (min-width:768px) {
	header .logo {
		margin: 5px 15px;
	}
	header .logo img {
		width: 128px;	
		margin-bottom: 5px;
	}
}


/*
CONTENTS
***************************************************************************/
/* ▼PAGE TITLE▼ */
#page_title {
	position: relative;
	width: 100%;
	height: calc(100vh - calc((100vw / 375) * 55));
	font-weight: 400;
	color: #fff;
	background-image: url(../common_img/mv_sp.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (min-width:768px) {
	#page_title {
		height: calc(100vh - 90px);
		background-image: url(../common_img/mv.jpg);
	}
}

#page_title .base_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 95%;
}
@media screen and (min-width:768px) {
	#page_title .base_box {
		height: 100%;
	}
}

#page_title .title {
	color: #fff;
}

#page_title .title p {
	font-size: calc((100vw / 375) * 36);
	font-weight: 600;
	text-align: center;
  -webkit-text-stroke-width: 2px;
	line-height: 1;
}
@media screen and (min-width:768px) {
	#page_title .title p {
		font-size: 7.4rem;
	}
}

#page_title .title h2 {
	display: block;
	font-size: calc((100vw / 375) * 22);
	text-align: center;
}
@media screen and (min-width:768px) {
	#page_title .title h2 {
		font-size: 4.0rem;
	}
}


/*
TOP
***************************************************************************/
.frontpage .area_list {
	margin-top: calc((100vw / 375) * 50);
	margin-bottom: calc((100vw / 375) * 70);
}
@media screen and (min-width:768px) {
	.frontpage .area_list {
		margin-top: 90px;
		margin-bottom: 120px;
	}
}

.frontpage .area_list dl {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.frontpage .area_list dt {
	font-size: calc((100vw / 375) * 13);
	padding: calc((100vw / 375) * 25) 0 calc((100vw / 375) * 25) calc((100vw / 375) * 10);
	border-bottom: solid 4px #3e3e3e;
	width: calc((100vw / 375) * 135);
}
@media screen and (min-width:768px) {
	.frontpage .area_list dt {
	font-size: 1.4rem;
	padding: 43px 0 43px 20px;
	width: 170.22px;
}
}

.frontpage .area_list dd {
	position: relative;
	font-size: calc((100vw / 375) * 13);
	padding: calc((100vw / 375) * 25) 0 calc((100vw / 375) * 25) calc((100vw / 375) * 10);
	color: #585858;
	border-bottom: solid 4px #dfdfdf;
	width: 100%;
}
@media screen and (min-width:768px) {
	.frontpage .area_list dd {
		font-size: 1.6rem;
		padding: 39px 0 39px 20px;
	}
}

.frontpage .area_list dd.size_s {
	font-size: calc((100vw / 375) * 13);
	padding: calc((100vw / 375) * 25) 0 calc((100vw / 375) * 25) calc((100vw / 375) * 10);
	color: #2b2b2b;
}
@media screen and (min-width:768px) {
	.frontpage .area_list dd.size_s {
		font-size: 1.4rem;
		padding: 43px 0 43px 20px;
	}
}

.frontpage .area_list dd .l_history {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
@media screen and (min-width:768px) {
	.frontpage .area_list dd .l_history {
		flex-direction: row;
	}
}

.frontpage .area_list dd .l_date {
  width: 100%;
}
@media screen and (min-width:768px) {
	.frontpage .area_list dd .l_date {
		width: 110px;
	}
}

.frontpage .area_list dd  .l_history + .l_history {
	margin-top: calc((100vw / 375) * 15);
}
@media screen and (min-width:768px) {
	.frontpage .area_list dd  .l_history + .l_history {
		margin-top: 30px;
	}
}

.frontpage .area_cont:nth-of-type(2) {	margin-bottom: calc((100vw / 375) * 70); }
.frontpage .area_cont:nth-of-type(3) {	margin-bottom: calc((100vw / 375) * 70); }
.frontpage .area_cont:nth-of-type(4) {	margin-bottom: calc((100vw / 375) * 50); }
@media screen and (min-width:768px) {
	.frontpage .area_cont:nth-of-type(2) {	margin-bottom: 140px; }
	.frontpage .area_cont:nth-of-type(3) {	margin-bottom: 55px; }
	.frontpage .area_cont:nth-of-type(4) {	margin-bottom: 55px; }
}

.frontpage .area_cont h2 {
	font-weight: 600;
	margin-bottom: calc((100vw / 375) * 20);
}
@media screen and (min-width:768px) {
	.frontpage .area_cont h2 {		
		margin-bottom: 50px;
	}
}

.frontpage .area_cont .txt_cp {
 margin-top: calc((100vw / 375) * 40);
}
@media screen and (min-width:768px) {
	.frontpage .area_cont .txt_cp {
		margin-top: 60px;
	}
}

.frontpage .area_cont .pp_box + .pp_box {
	margin-top: calc((100vw / 375) * 30);
}
@media screen and (min-width:768px) {
	.frontpage .area_cont .pp_box + .pp_box {
		margin-top: 60px;
	}
}

.frontpage .area_cont .k_list li:nth-of-type(even) {
	  display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
		margin-bottom: calc((100vw / 375) * 15);
}
@media screen and (min-width:768px) {
	.frontpage .area_cont .k_list li:nth-of-type(even) {
		margin-bottom: 10px;
	}
}

.frontpage .area_cont .k_list li:nth-of-type(even) p:nth-of-type(1) { width: calc((100vw / 375) * 150); }
.frontpage .area_cont .k_list li:nth-of-type(even) p:nth-of-type(2) { width: 100%; }
@media screen and (min-width:768px) {
	.frontpage .area_cont .k_list li:nth-of-type(even) p:nth-of-type(1) { width: 120px; }
	.frontpage .area_cont .k_list li:nth-of-type(even) p:nth-of-type(2) { width: 100%; }
}

/*
FOOTER
***************************************************************************/
footer {
	padding-bottom: calc((100vw / 375) * 50);
}
@media screen and (min-width:768px) {
	footer {
		padding-bottom: 100px;
	}
}

footer .copy {
	font-size: calc((100vw / 375) * 10);
	text-align: right;
}
@media screen and (min-width:768px) {
	footer .copy {
		font-size: 1.4rem;
	}
}


/*
PARTS
***************************************************************************/
/* ▼LIST▼ */
.list01 > li:last-child,
.list02 > li:last-child,
.list03 > li:last-child,
.list04 > li:last-child {
	margin-bottom: 0;
}

.list01 > li {
	position: relative;
	padding-left: 15px;
}

.list01 > li:before {
	content: '';
	position: absolute;
	top: 14px;
	left: 0;
	width: 6px;
	height: 6px;
	background: #64727a;
	border-radius: 50%;
}

.list02 > li {
	position: relative;
	padding-left: 25px;
}

.list02 > li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 1px;
	margin-top: -0.5px;
	background: #797979;
}

.list03 > li {
	position: relative;
	padding-left: 15px;
  letter-spacing: 0.05rem;
}

.list03.number_plus > li { padding-left:2.5em; }
.list03.kana > li { padding-left:30px; }
@media screen and (min-width:768px) {
	.list03.number_plus > li { padding-left:2.5em; }
	.list03.kana > li { padding-left:30px; }
}

.list03 > li:before {
	position: absolute;
	top: 0;
	left: 0;
}

.list03 > li:nth-child(1):before { content:'a.'; }
.list03 > li:nth-child(2):before { content:'b.'; }
.list03 > li:nth-child(3):before { content:'c.'; }
.list03 > li:nth-child(4):before { content:'d.'; }
.list03 > li:nth-child(5):before { content:'e.'; }
.list03 > li:nth-child(6):before { content:'f.'; }
.list03 > li:nth-child(7):before { content:'g.'; }
.list03 > li:nth-child(8):before { content:'h.'; }
.list03 > li:nth-child(9):before { content:'i.'; }
.list03 > li:nth-child(10):before { content:'j.'; }

.list03.number > li:nth-child(1):before { content:'1.'; }
.list03.number > li:nth-child(2):before { content:'2.'; }
.list03.number > li:nth-child(3):before { content:'3.'; }
.list03.number > li:nth-child(4):before { content:'4.'; }
.list03.number > li:nth-child(5):before { content:'5.'; }
.list03.number > li:nth-child(6):before { content:'6.'; }
.list03.number > li:nth-child(7):before { content:'7.'; }
.list03.number > li:nth-child(8):before { content:'8.'; }
.list03.number > li:nth-child(9):before { content:'9.'; }
.list03.number > li:nth-child(10):before { content:'10.'; }

.list03.number li + li {
	margin-top: calc((100vw / 375) * 15);
}
@media screen and (min-width:768px) {
	.list03.number li + li {
		margin-top: 15px;
	}
}

.list03.number_plus > li:nth-child(1):before { content:'（1）'; }
.list03.number_plus > li:nth-child(2):before { content:'（2）'; }
.list03.number_plus > li:nth-child(3):before { content:'（3）'; }
.list03.number_plus > li:nth-child(4):before { content:'（4）'; }
.list03.number_plus > li:nth-child(5):before { content:'（5）'; }
.list03.number_plus > li:nth-child(6):before { content:'（6）'; }
.list03.number_plus > li:nth-child(7):before { content:'（7）'; }
.list03.number_plus > li:nth-child(8):before { content:'（8）'; }
.list03.number_plus > li:nth-child(9):before { content:'（9）'; }
.list03.number_plus > li:nth-child(10):before { content:'（10）'; }

.list03.kana > li:nth-child(1):before { content:'ア）'; }
.list03.kana > li:nth-child(2):before { content:'イ）'; }
.list03.kana > li:nth-child(3):before { content:'ウ）'; }
.list03.kana > li:nth-child(4):before { content:'エ）'; }
.list03.kana > li:nth-child(5):before { content:'オ）'; }
.list03.kana > li:nth-child(6):before { content:'カ）'; }
.list03.kana > li:nth-child(7):before { content:'キ）'; }
.list03.kana > li:nth-child(8):before { content:'ク）'; }
.list03.kana > li:nth-child(9):before { content:'ケ）'; }
.list03.kana > li:nth-child(10):before { content:'コ）'; }

.list04 > li {
	position: relative;
	padding-left: calc((100vw / 375) * 15);
}
@media screen and (min-width:768px) {
	.list04 > li {
		padding-left: 15px;
	}
}

.list04 > li:before {
	content: '●';
	position: absolute;
	top: 0;
	left: calc((100vw / 375) * -2);
}
@media screen and (min-width:768px) {
	.list04 > li:before {
		left: -3px;
	}
}


/*
COMMON PARTS
***************************************************************************/
/* ▼display▼ */
.iblock { display:inline-block!important; }

.posit_r { position:relative!important; }
.posit_a { position:absolute!important; }
.posit_f { position:fixed!important; }

.align_c { text-align:center!important; }
.align_r { text-align:right!important; }
.align_l { text-align:left!important; }

.disp_l { float:left!important; }
.disp_r { float:right!important; }

.va_top { vertical-align:top!important; }
.va_mid { vertical-align:middle!important; }
.va_btm { vertical-align:bottom!important; }

.disp_pc { display: none; }
.disp_sp { display: block; }
@media screen and (min-width:768px) {
	.disp_pc { display: block; }
	.disp_sp { display: none; }
}

/* ▼width▼ */
.w4per { width:4%; }
.w5per { width:5%; }
.w8per { width:8%; }
.w10per { width:10%; }
.w15per { width:15%; }
.w20per { width:20%; }
.w22per { width:22%; }
.w25per { width:25%; }
.w30per { width:30%; }
.w35per { width:35%; }
.w50per { width:50%; }
.w55per { width:55%; }
.w56per { width:56%; }
.w60per { width:60%; }
.w62per { width:62%; }
.w65per { width:65%; }
.w70per { width:70%; }
.w75per { width:75%; }
.w80per { width:80%; }
.w100per { width:100%!important; }

.w30 { width:30px!important; }
.w40 { width:40px!important; }
.w50 { width:50px!important; }
.w60 { width:60px!important; }
.w65 { width:65px!important; }
.w160 { width:160px!important; }
.w260 { width:260px!important; }
.w540 { width:540px!important; }

/* ▼area▼ */
.mb80 { margin-bottom:calc((100vw / 375) * 80)!important; }
.mb60 { margin-bottom:calc((100vw / 375) * 60)!important; }
.mb55 { margin-bottom:calc((100vw / 375) * 55)!important; }
.mb50 { margin-bottom:calc((100vw / 375) * 50)!important; }
.mb45 { margin-bottom:calc((100vw / 375) * 45)!important; }
.mb40 { margin-bottom:calc((100vw / 375) * 40)!important; }
.mb35 { margin-bottom:calc((100vw / 375) * 35)!important; }
.mb30 { margin-bottom:calc((100vw / 375) * 30)!important; }
.mb25 { margin-bottom:calc((100vw / 375) * 25)!important; }
.mb20 { margin-bottom:calc((100vw / 375) * 20)!important; }
.mb15 { margin-bottom:calc((100vw / 375) * 15)!important; }
.mb10 { margin-bottom:calc((100vw / 375) * 10)!important; }
.mb5 { margin-bottom:calc((100vw / 375) * 5)!important; }
.mb0 { margin-bottom:calc((100vw / 375) * 0)!important; }
.mb-5 { margin-bottom:calc((100vw / 375) * -5)!important; }
.mb-10 { margin-bottom:calc((100vw / 375) * -10)!important; }
.mb-20 { margin-bottom:calc((100vw / 375) * -20)!important; }

.mlr60 { margin-left:calc((100vw / 375) * 60)!important; margin-right:calc((100vw / 375) * 60)!important; }
.mlr55 { margin-left:calc((100vw / 375) * 55)!important; margin-right:calc((100vw / 375) * 55)!important; }
.mlr50 { margin-left:calc((100vw / 375) * 50)!important; margin-right:calc((100vw / 375) * 50)!important; }
.mlr45 { margin-left:calc((100vw / 375) * 40)!important; margin-right:calc((100vw / 375) * 45)!important; }
.mlr40 { margin-left:calc((100vw / 375) * 40)!important; margin-right:calc((100vw / 375) * 40)!important; }
.mlr35 { margin-left:calc((100vw / 375) * 35)!important; margin-right:calc((100vw / 375) * 35)!important; }
.mlr30 { margin-left:calc((100vw / 375) * 30)!important; margin-right:calc((100vw / 375) * 30)!important; }
.mlr25 { margin-left:calc((100vw / 375) * 25)!important; margin-right:calc((100vw / 375) * 25)!important; }
.mlr20 { margin-left:calc((100vw / 375) * 20)!important; margin-right:calc((100vw / 375) * 20)!important; }
.mlr15 { margin-left:calc((100vw / 375) * 15)!important; margin-right:calc((100vw / 375) * 15)!important; }
.mlr10 { margin-left:calc((100vw / 375) * 10)!important; margin-right:calc((100vw / 375) * 10)!important; }
.mlr5 { margin-left:calc((100vw / 375) * 5)!important; margin-right:calc((100vw / 375) * 5)!important; }
.mlr-1 { margin-left:calc((100vw / 375) * -1)!important; margin-right:calc((100vw / 375) * -1)!important; }
.mlr-5 { margin-left:calc((100vw / 375) * -5)!important; margin-right:calc((100vw / 375) * -5)!important; }
.mlr-10 { margin-left:calc((100vw / 375) * -10)!important; margin-right:calc((100vw / 375) * -10)!important; }
.mlr-20 { margin-left:calc((100vw / 375) * -20)!important; margin-right:calc((100vw / 375) * -20)!important; }

.mr50 { margin-right:calc((100vw / 375) * 50)!important; }
.mr40 { margin-right:calc((100vw / 375) * 40)!important; }
.mr30 { margin-right:calc((100vw / 375) * 30)!important; }
.mr25 { margin-right:calc((100vw / 375) * 25)!important; }
.mr20 { margin-right:calc((100vw / 375) * 20)!important; }
.mr15 { margin-right:calc((100vw / 375) * 15)!important; }
.mr10 { margin-right:calc((100vw / 375) * 10)!important; }
.mr5 { margin-right:calc((100vw / 375) * 5)!important; }
.mr0 { margin-right:calc((100vw / 375) * 0)!important; }
.mr-5 { margin-right:calc((100vw / 375) * -5)!important; }

.ml50 { margin-left:calc((100vw / 375) * 50)!important; }
.ml40 { margin-left:calc((100vw / 375) * 40)!important; }
.ml30 { margin-left:calc((100vw / 375) * 30)!important; }
.ml20 { margin-left:calc((100vw / 375) * 20)!important; }
.ml17 { margin-left:calc((100vw / 375) * 17)!important; }
.ml15 { margin-left:calc((100vw / 375) * 15)!important; }
.ml10 { margin-left:calc((100vw / 375) * 10)!important; }
.ml0 { margin-left:calc((100vw / 375) * 0)!important; }
.ml-5 { margin-left:calc((100vw / 375) * -5)!important; }
.ml-10 { margin-left:calc((100vw / 375) * -10)!important; }
.ml-15 { margin-left:calc((100vw / 375) * -15)!important; }
.ml-20 { margin-left:calc((100vw / 375) * -20)!important; }

.ml_em5 { margin-left:5em!important; }

.mt80 { margin-top:calc((100vw / 375) * 80)!important; }
.mt70 { margin-top:calc((100vw / 375) * 70)!important; }
.mt60 { margin-top:calc((100vw / 375) * 60)!important; }
.mt55 { margin-top:calc((100vw / 375) * 55)!important; }
.mt50 { margin-top:calc((100vw / 375) * 50)!important; }
.mt45 { margin-top:calc((100vw / 375) * 45)!important; }
.mt40 { margin-top:calc((100vw / 375) * 40)!important; }
.mt25 { margin-top:calc((100vw / 375) * 25)!important; }
.mt30 { margin-top:calc((100vw / 375) * 30)!important; }
.mt20 { margin-top:calc((100vw / 375) * 20)!important; }
.mt15 { margin-top:calc((100vw / 375) * 15)!important; }
.mt10 { margin-top:calc((100vw / 375) * 10)!important; }
.mt5 { margin-top:calc((100vw / 375) * 5)!important; }
.mt0 { margin-top:calc((100vw / 375) * 0)!important; }
.mt-5 { margin-top:calc((100vw / 375) * -5)!important; }
.mt-10 { margin-top:calc((100vw / 375) * -10)!important; }
.mt-20 { margin-top:calc((100vw / 375) * -20)!important; }
.mt-40 { margin-top:calc((100vw / 375) * -40)!important; }
.mt-50 { margin-top:calc((100vw / 375) * -50)!important; }

.pb30 { padding-bottom:calc((100vw / 375) * 30)!important; }
.pb20 { padding-bottom:calc((100vw / 375) * 20)!important; }
.pb15 { padding-bottom:calc((100vw / 375) * 15)!important; }
.pb10 { padding-bottom:calc((100vw / 375) * 10)!important; }
.pb5 { padding-bottom:calc((100vw / 375) * 5)!important; }
.pb0 { padding-bottom:calc((100vw / 375) * 0)!important; }

.p20 { padding:calc((100vw / 375) * 20)!important; }
.p15 { padding:calc((100vw / 375) * 15)!important; }
.p10 { padding:calc((100vw / 375) * 10)!important; }

.pt60 { padding-top:calc((100vw / 375) * 60)!important; }
.pt50 { padding-top:calc((100vw / 375) * 50)!important; }
.pt15 { padding-top:calc((100vw / 375) * 15)!important; }
.pt10 { padding-top:calc((100vw / 375) * 10)!important; }
.pt5 { padding-top:calc((100vw / 375) * 5)!important; }

.pl20 { padding-left:calc((100vw / 375) * 20)!important; }
.pl10 { padding-left:calc((100vw / 375) * 10)!important; }

.ptb20 { padding-top:calc((100vw / 375) * 20)!important; padding-bottom:calc((100vw / 375) * 20)!important; }
.ptb15 { padding-top:calc((100vw / 375) * 15)!important; padding-bottom:calc((100vw / 375) * 15)!important; }
.ptb5 { padding-top:calc((100vw / 375) * 5)!important; padding-bottom:calc((100vw / 375) * 5)!important; }
.ptb0 { padding-top:calc((100vw / 375) * 0)!important; padding-bottom:calc((100vw / 375) * 0)!important; }

.plr25 { padding-left:calc((100vw / 375) * 25)!important; padding-right:calc((100vw / 375) * 25)!important; }

@media screen and (min-width:768px) {
	.mb200 { margin-bottom:200px!important; }
	.mb160 { margin-bottom:160px!important; }
	.mb150 { margin-bottom:150px!important; }
	.mb140 { margin-bottom:140px!important; }
	.mb130 { margin-bottom:130px!important; }
	.mb120 { margin-bottom:120px!important; }
	.mb110 { margin-bottom:110px!important; }
	.mb100 { margin-bottom:100px!important; }
	.mb95 { margin-bottom:95px!important; }
	.mb90 { margin-bottom:90px!important; }
	.mb85 { margin-bottom:85px!important; }
	.mb80 { margin-bottom:80px!important; }
	.mb75 { margin-bottom:75px!important; }
	.mb70 { margin-bottom:70px!important; }
	.mb65 { margin-bottom:65px!important; }
	.mb60 { margin-bottom:60px!important; }
	.mb55 { margin-bottom:55px!important; }
	.mb50 { margin-bottom:50px!important; }
	.mb45 { margin-bottom:45px!important; }
	.mb40 { margin-bottom:40px!important; }
	.mb35 { margin-bottom:35px!important; }
	.mb30 { margin-bottom:30px!important; }
	.mb25 { margin-bottom:25px!important; }
	.mb20 { margin-bottom:20px!important; }
	.mb15 { margin-bottom:15px!important; }
	.mb12 { margin-bottom:12px!important; }
	.mb10 { margin-bottom:10px!important; }
	.mb8 { margin-bottom:8px!important; }
	.mb5 { margin-bottom:5px!important; }
	.mb0 { margin-bottom:0!important; }

	.mlr300 { margin-left:300px!important; margin-right:300px!important; }
	.mlr115 { margin-left:115px!important; margin-right:115px!important; }
	.mlr100 { margin-left:100px!important; margin-right:100px!important; }
	.mlr80 { margin-left:80px!important; margin-right:80px!important; }
	.mlr75 { margin-left:75px!important; margin-right:75px!important; }
	.mlr70 { margin-left:70px!important; margin-right:70px!important; }
	.mlr60 { margin-left:60px!important; margin-right:60px!important; }
	.mlr55 { margin-left:55px!important; margin-right:55px!important; }
	.mlr50 { margin-left:50px!important; margin-right:50px!important; }
	.mlr45 { margin-left:40px!important; margin-right:45px!important; }
	.mlr40 { margin-left:40px!important; margin-right:40px!important; }
	.mlr35 { margin-left:35px!important; margin-right:35px!important; }
	.mlr30 { margin-left:30px!important; margin-right:30px!important; }
	.mlr25 { margin-left:25px!important; margin-right:25px!important; }
	.mlr20 { margin-left:20px!important; margin-right:20px!important; }
	.mlr15 { margin-left:15px!important; margin-right:15px!important; }
	.mlr10 { margin-left:10px!important; margin-right:10px!important; }
	.mlr5 { margin-left:5px!important; margin-right:5px!important; }
	.mlr0 { margin-left:0!important; margin-right:0!important; }
	.mlr-1 { margin-left:-1px!important; margin-right:-1px!important; }
	.mlr-5 { margin-left:-5px!important; margin-right:-5px!important; }
	.mlr-10 { margin-left:-10px!important; margin-right:-10px!important; }
	.mlr-20 { margin-left:-20px!important; margin-right:-20px!important; }
	.mlr-50 { margin-left:-50px!important; margin-right:-50px!important; }
	.mlr-100 { margin-left:-100px!important; margin-right:-100px!important; }
	.mlr_auto { margin-left:auto!important; margin-right:auto!important; }

	.mr50 { margin-right:50px!important; }
	.mr40 { margin-right:40px!important; }
	.mr30 { margin-right:30px!important; }
	.mr25 { margin-right:25px!important; }
	.mr20 { margin-right:20px!important; }
	.mr15 { margin-right:15px!important; }
	.mr10 { margin-right:10px!important; }
	.mr5 { margin-right:5px!important; }
	.mr0 { margin-right:0px!important; }
	.mr-5 { margin-right:-5px!important; }

	.ml80 { margin-left:80px!important; }
	.ml55 { margin-left:55px!important; }
	.ml50 { margin-left:50px!important; }
	.ml40 { margin-left:40px!important; }
	.ml30 { margin-left:30px!important; }
	.ml20 { margin-left:20px!important; }
	.ml15 { margin-left:15px!important; }
	.ml10 { margin-left:10px!important; }
	.ml0 { margin-left:0px!important; }
	.ml-5 { margin-left:-5px!important; }
	.ml-10 { margin-left:-10px!important; }
	.ml-15 { margin-left:-15px!important; }
	.ml-20 { margin-left:-20px!important; }

	.mt90 { margin-top:90px!important; }
	.mt80 { margin-top:80px!important; }
	.mt70 { margin-top:70px!important; }
	.mt60 { margin-top:60px!important; }
	.mt55 { margin-top:55px!important; }
	.mt50 { margin-top:50px!important; }
	.mt45 { margin-top:45px!important; }
	.mt40 { margin-top:40px!important; }
	.mt35 { margin-top:35px!important; }
	.mt30 { margin-top:30px!important; }
	.mt20 { margin-top:20px!important; }
	.mt15 { margin-top:15px!important; }
	.mt10 { margin-top:10px!important; }
	.mt5 { margin-top:5px!important; }
	.mt3 { margin-top:3px!important; }
	.mt0 { margin-top:0!important; }
	.mt-5 { margin-top:-5px!important; }
	.mt-10 { margin-top:-10px!important; }
	.mt-20 { margin-top:-20px!important; }
	.mt-40 { margin-top:-40px!important; }
	.mt-50 { margin-top:-50px!important; }
	.mt-60 { margin-top:-60px!important; }
	.mt-70 { margin-top:-70px!important; }
	.mt-80 { margin-top:-80px!important; }

	.pb100 { padding-bottom:100px!important; }
	.pb80 { padding-bottom:80px!important; }
	.pb30 { padding-bottom:30px!important; }
	.pb15 { padding-bottom:15px!important; }
	.pb5 { padding-bottom:5px!important; }
	.pb0 { padding-bottom:0!important; }

	.p20 { padding:20px!important; }
	.p15 { padding:15px!important; }
	.p10 { padding:10px!important; }

	.pt60 { padding-top:60px!important; }
	.pt50 { padding-top:50px!important; }

	.ptb20 { padding-top:20px!important; padding-bottom:20px!important; }
	.ptb15 { padding-top:15px!important; padding-bottom:15px!important; }
	.ptb5 { padding-top:5px!important; padding-bottom:5px!important; }
	.ptb0 { padding-top:0!important; padding-bottom:0!important; }

	.plr25 { padding-left:25px!important; padding-right:25px!important; }
}

/* ▼font▼ */
.size8 { font-size:calc((100vw / 375) * 8)!important; }
.size9 { font-size:calc((100vw / 375) * 9)!important; }
.size10 { font-size:calc((100vw / 375) * 10)!important; }
.size11 { font-size:calc((100vw / 375) * 11)!important; }
.size12 { font-size:calc((100vw / 375) * 12)!important; }
.size13 { font-size:calc((100vw / 375) * 13)!important; }
.size14 { font-size:calc((100vw / 375) * 14)!important; }
.size15 { font-size:calc((100vw / 375) * 15)!important; }
.size16 { font-size:calc((100vw / 375) * 16)!important; }
.size17 { font-size:calc((100vw / 375) * 17)!important; }
.size18 { font-size:calc((100vw / 375) * 18)!important; }
.size19 { font-size:calc((100vw / 375) * 19)!important; }
.size20 { font-size:calc((100vw / 375) * 20)!important; }
.size22 { font-size:calc((100vw / 375) * 22)!important; }
.size24 { font-size:calc((100vw / 375) * 24)!important; }
.size26 { font-size:calc((100vw / 375) * 26)!important; }
.size28 { font-size:calc((100vw / 375) * 28)!important; }
.size30 { font-size:calc((100vw / 375) * 30)!important; }
.size32 { font-size:calc((100vw / 375) * 32)!important; }
.size36 { font-size:calc((100vw / 375) * 36)!important; }

@media screen and (min-width:768px) {
	.size8 { font-size:0.8rem!important; }
	.size9 { font-size:0.9rem!important; }
	.size10 { font-size:1rem!important; }
	.size11 { font-size:1.1rem!important; }
	.size12 { font-size:1.2rem!important; }
	.size13 { font-size:1.3rem!important; }
	.size14 { font-size:1.4rem!important; }
	.size15 { font-size:1.5rem!important; }
	.size16 { font-size:1.6rem!important; }
	.size17 { font-size:1.7rem!important; }
	.size18 { font-size:1.8rem!important; }
	.size19 { font-size:1.9rem!important; }
	.size20 { font-size:2.0rem!important; }
	.size22 { font-size:2.2rem!important; }
	.size24 { font-size:2.4rem!important; }
	.size26 { font-size:2.6rem!important; }
	.size28 { font-size:2.8rem!important; }
	.size30 { font-size:3.0rem!important; }
	.size32 { font-size:3.2rem!important; }
}

.weight_300 { font-weight:300!important; }
.weight_400 { font-weight:400!important; }
.weight_500 { font-weight:500!important; }
.weight_500 { font-weight:500!important; }
.weight_700, .bold { font-weight:700!important; }

.c_gray { color:#777676; }
.c_black { color:#000; }
.c_red { color:#b01f1f; }

.lh22 { line-height:2.2!important; }
.lh2 { line-height:2!important; }
.lh18 { line-height:1.8!important; }
.lh16 { line-height:1.6!important; }
.lh15 { line-height:1.5!important; }

/* ▼link▼ */
a.u_line, .u_line { text-decoration:underline!important; }
a.no_line { text-decoration:none!important; }

/* ▼frame▼ */
.img_frame01 { border:solid 1px #fff; }

/* ▼background▼ */
.bg_none { background:none!important; }

/* ▼border▼ */
.border_none { border:none!important; }