@charset "utf-8";


/*---------------------------------------------
--------------------------------------------
 common
--------------------------------------------
---------------------------------------------*/


/* Reset
---------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

ul,ol {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

input, select {
    vertical-align:middle;
}


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

Basic Setting

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


html {
    width: 100%;
    min-width: 1110px;
	font-size: 62.5%;}

body {
    width: 100%;
    min-width: 1100px;
	text-align: left;
    font-family: 'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans','BIZ UDPGothic','メイリオ',Meiryo,sans-serif;
	font-size: 1.6rem;
    font-weight: 400;
	line-height: 1.6;
	color: #4e4e4e;
	-webkit-text-size-adjust: 100%;
    background-color: #ffffff;}

a {
    color: #006636;
    text-decoration: underline;
    -webkit-transition: opacity .4s ease-in-out,background-color .4s ease-in-out;
    transition: opacity .4s ease-in-out,background-color .4s ease-in-out;}
a:hover {
    color: #006636;
    text-decoration: underline;
    background-color: #effbd7;}
a:active {
	background-color: transparent;}
a:focus {
    outline: none;
    background-color: #effbd7!important;}

.font_bold {font-weight: bold;}

.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.fleft {float: left;}
.fright {float: right;}

/* pc_only */
.pc_only {display: inline;}

/* sp_only */
.sp_only {display: none;}

/* CLEARFIX */
.cl:after {
    content:" ";
    display:block;
    clear:both;}


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

全ページ共通

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


#container {
    min-width: 1100px;
    background: url(../images/bg_body.png) repeat center center;}

#main {
    display: block;
    width: 920px;
    padding-bottom: 30px;
    margin: 0 auto;}

#main .main_bottom_illust {
    margin-top: 40px;}

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

header

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


header {
	width: 100%;
    min-width: 1100px;
    height: 206px;
    border-top: 4px solid #006636;}

.header_top {
    position: relative;
	width: 1050px;
    height: 150px;
    margin: 0 auto;}

/* --- title ---*/
header h1 {
	position: absolute;
	top: 58px; left: 0px;
    width: 456px;
    height: 50px;}
header h1 a:hover,
header h1 a:focus {
    background-color: transparent!important;}

/* --- logo --- */
.header_logo {
	position: absolute;
	top: 20px; left: 465px;
    width: 110px;
    height: 110px;}

/* --- date --- */
.header_date {
	position: absolute;
	top: 40px; right: 0px;
    width: 460px;
    height: 70px;}


/* --- top nav --- */

.tnav,
.sp_header_tnav {
    position: absolute;
    top: 12px; right: 5px;}
.tnav li,
.sp_header_tnav li {
    float: left;
    height: 23px;
    font-size: 1.2rem;
    line-height: 1;}

/* 本文へ */
.tnav li:first-child,
.sp_header_tnav li:first-child {
    width: 50px;
    text-align: center;}
.tnav li a,
.sp_header_tnav li a {
    display: block;
    height: 17px;
    color: #fff;
    text-decoration: none;
    padding-top: 6px;
	border-radius: 3px;
    background-color: #006636;}
.tnav li a:hover,
.tnav li a:focus,
.sp_header_tnav li a:hover,
.sp_header_tnav li a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #8dc21f!important;}

/* 文字サイズ */
.tnav li:nth-child(2),
.sp_header_tnav li:nth-child(2) {
    margin-left: 10px;}
.tnav li dl,
.sp_header_tnav li dl {
    overflow: hidden;}
.tnav li dl dt,
.sp_header_tnav li dl dt {
    float: left;
    clear: left;
    width: 65px;
    color: #000;
    padding-top: 6px;}
.tnav li dl dd,
.sp_header_tnav li dl dd {
    padding-left: 65px;}

button.size-button {
	-webkit-appearance: none;
    cursor: pointer;
    display: inline-block;
    min-width: 40px;
    height: 23px;
    color: #000;
    font-size: 1.3rem;
    text-align: center;
    padding: 0;
	border-radius: 3px;
    border: 1px solid #000;
    background-color: #fff;}
.size-button:first-child {
    margin-right: 5px;}
button.size-button:hover,
button.size-button:focus {
    color: #000;
    outline: none;
    background-color: #effbd7!important;}



/* --- global nav --- */

#gnav {
    width: 100%;
    min-width: 1050px;
    height: 56px;
    background-color: #fff;}

#gnav ul {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow:row nowrap;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    width: 940px;
    margin: 0 auto;}

#gnav ul li {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
	font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.06em;}
#gnav ul li:first-child {width: 150px;}
#gnav ul li:nth-child(2) {width: 220px;}
#gnav ul li:nth-child(3) {width: 180px;}
#gnav ul li:nth-child(4) {width: 260px;}
#gnav ul li:nth-child(5) {width: 130px;}

#gnav ul li a {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    height: 56px;
    color: #000;
    text-decoration: none;
    padding-left: 65px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: #fff;}
#gnav ul li a {
    width: 100%;}

#gnav ul li:first-child a {background-image: url(../images/icon_gnav_01.png);}
#gnav ul li:nth-child(2) a {background-image: url(../images/icon_gnav_02.png);}
#gnav ul li:nth-child(3) a {background-image: url(../images/icon_gnav_03.png);}
#gnav ul li:nth-child(4) a {background-image: url(../images/icon_gnav_04.png);}
#gnav ul li:nth-child(5) a {background-image: url(../images/icon_gnav_05.png);}

#gnav ul li a:hover {
    color: #000;
    text-decoration: none;
    background-color: #effbd7;}

/* gnav スマートフォンサイズ用 */
#sp_btn_gnav,
#sp_header_nav {
    display: none;}




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

footer

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

footer {
    width: 100%;
    min-width: 1100px;
    padding: 25px 0 25px 0;
    background-color: #fff;}

footer>div {
    width: 1100px;
    margin: 0 auto;}

/* --- ft menu --- */

.ft_menu {
    float: right;
    width: 400px;
    text-align: right;
    padding-top: 5px;}
.ft_menu li {
	display: inline-block;
	font-size: 1.4rem;
    line-height: 1.8;
    padding-left: 10px;}
.ft_menu li a {
	color: #4e4e4e;
    text-decoration: none;}
.ft_menu li a:hover,
.ft_menu li a:focus {
	color: #4e4e4e;
	text-decoration: none;}

.ft_menu li a::before {
    display: inline-block;
	content: '';
    width: 0;
    height: 0;
    padding-right: 5px;
    border-left: 6px solid #006636;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;}

/* --- logo --- */
.ft_logo {
    float: left;
    width: 128px;
    height: 50px;}
.ft_logo a {
    display: block;}
.ft_logo a:hover {
    background-color: transparent;}

/* --- text --- */
.ft_ttl {
    float: left;
    width: 420px;
	font-size: 1.4rem;
    line-height: 1.3;
    padding: 5px 0 20px 30px; }

/* --- copyright --- */
.copyright {
    text-align: center;
    padding: 20px 0 0 0;}
.copyright small {
    color: #006636;
    font-size: 1.4rem;
    font-style: normal;}
.gototop {display: none;}





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

下層ページ共通

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


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

 Breadcrumb

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

.breadcrumb_box {
    width: 920px;
    padding-top: 10px;
    margin: 0 auto;}

.breadcrumb_box ol li {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.4;
    padding-right: 3px;}
.breadcrumb_box ol li a {
    color: #4e4e4e;}
.breadcrumb_box ol li a:hover {
    color: #006636;}

.breadcrumb_box ol li::after {
    content: "＞";
    padding-left: 8px;}
.breadcrumb_box ol li:last-child::after {
    display: none;}


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

 h

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


/* --- h2 --- */
.page_contents h2 {
    color: #fff;
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    padding: 13px 0 11px 0;
    margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    background-color: #5a7e0c;}

/* --- h3 --- */
.page_contents h3 {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 1;
    padding: 12px 0 10px 25px;
    margin-bottom: 15px;
    background-color: #006636;}

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

 p

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

.page_contents p {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.9;
  letter-spacing: 0.06em;
}

p.backlist {
  font-size: 1.9rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 4rem;
}


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

 section

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

.page_contents {
    padding-top: 20px;}


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

 coming soon

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

#comingsoon_page p {
    text-align: center;
    padding: 80px 0 100px 0;}
#comingsoon_page p img {
    max-width: 100%;
    height: auto;}


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

 gototop (pc)

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

#gototop_pc {
    display: block;
    position: fixed;
    bottom: 40px; right: 20px;
    width: 50px;
    height: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
    background-color: #73aa00;}
#gototop_pc a {
    display: block;
    height: 50px;
    color: #000;
  text-indent: -9999px;}
#gototop_pc a:hover,
#gototop_pc a:focus {
    background-color: transparent!important;}
#gototop_pc a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%; right: 50%;
    width: 15px;
    height: 15px;
    color: #fff;
    vertical-align: middle;
    margin: -5px -9px 0 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);}

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

 SP CSS START  */



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


/* pc_only */
.pc_only {display: none;}

/* sp_only */
.sp_only {display: inline;}




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

Basic Setting  ■■■ SP ■■■

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


html {
    min-width: 0;
	font-size: 62.5%;}

body {
    min-width: 0;
	font-size: 1.6rem;
	line-height: 1.6;}

a {
    -webkit-transition: none;
    transition: none;}


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

全ページ共通  ■■■ SP ■■■

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


#container {
    min-width: 0;}

#main {
    width: auto;
    padding: 20px 5% 20px 5%;
    margin: 0;
    border-top: 2px solid #73AA00;}

#main .main_bottom_illust {
    margin-top: 25px;}



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

header  ■■■ SP ■■■

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


header {
    min-width: 0;
    height: auto;}

.header_top {
    position: relative;
	width: 100%;
    height: auto;
    padding-top: 50px;
    margin: 0;}

/* --- title ---*/
header h1 {
	position: static;
	top: auto; left: auto;
    width: auto;
    height: auto;
    text-align: center;
    padding: 0 5%;}
header h1 img {
    max-width: 100%;
    height: auto;}

/* --- logo --- */
.header_logo {
    display: none;}

/* --- date --- */
.header_date {
    display: none;}

/* --- top nav --- */
.tnav,
.sp_header_tnav {
    position: absolute;
    top: 8px; right: 85px;}

/* --- global nav --- */
#gnav {
    display: none;}



/* global nav btn (SP Only)  ■■■ SP ■■■
---------------------------------------------*/

#sp_btn_gnav {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0; right: 0;
	width: 50px;
	height: 50px;
  background: #006636 url(../images/ttl_menu_sp.png) center 35px no-repeat;}

#sp_btn_gnav .sp_btn_gnav_bar {
	display: block;
	position: absolute;
	right: 14px;
	width: 22px;
	height: 3px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 30px;
  background-color: #fff;}

#sp_btn_gnav .sp_btn_gnav_bar.bar1 {top: 12px;}
#sp_btn_gnav .sp_btn_gnav_bar.bar2 {top: 19px;}
#sp_btn_gnav .sp_btn_gnav_bar.bar3 {top: 26px;}
#sp_btn_gnav .sp_btn_gnav_bar::before,
#sp_btn_gnav .sp_btn_gnav_bar::after {
  content: "";
	display: block;
	position: absolute;
	top: 0px;
	width: 3px;
	height: 3px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
  background-color: #fff;}
#sp_btn_gnav .sp_btn_gnav_bar::before {left: -2px;}
#sp_btn_gnav .sp_btn_gnav_bar::after {right: -2px;}

#sp_btn_gnav.active .sp_btn_gnav_bar.bar1 {
	top: 21px; right: 18px;
    margin-top: 10px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);}

#sp_btn_gnav.active .sp_btn_gnav_bar.bar2 {
    opacity: 0;}

#sp_btn_gnav.active .sp_btn_gnav_bar.bar3 {
	top: 41px; right: 18px;
    margin-top: -10px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);}



/* global nav window (SP Only)  ■■■ SP ■■■
---------------------------------------------*/

div#sp_header_nav {
	z-index: 100;
	display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: scroll;
	position: fixed;
	top: 0px; left: 0px;
	width: 100%;
	height: 100%;
	background-color: #fff;}/* 出てくる背景部分 */

div#sp_header_nav::-webkit-scrollbar {
	display: none;}

div#sp_header_nav_window {
	overflow: scroll;
	width: 100%;
    height: 100%;}

div#sp_header_nav_window::-webkit-scrollbar {
	display: none;}



/* global nav header (SP Only)  ■■■ SP ■■■
---------------------------------------------*/

.sp_header_top {
    position: relative;
	width: 100%;
    padding-top: 50px;
    margin: 0;
    border-top: 4px solid #006636;
    background: url(../images/bg_body.png) repeat center center;}

/* --- sp title ---*/
.sp_header_logo {
    text-align: left;
    padding: 0 5%;}
.sp_header_logo img {
    max-width: 100%;
    height: auto;}
.sp_header_logo a:hover,
.sp_header_logo a:focus {
    background-color: transparent!important;}

/* --- global nav cancel btn --- */
#sp_btn_gnav_cancel {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0; right: 0;
	width: 50px;
	height: 45px;
    background-color: #006636;}

#sp_btn_gnav_cancel .sp_btn_gnav_bar {
	display: block;
	position: absolute;
	right: 15px;
	width: 20px;
	height: 3px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 30px;
    background-color: #fff;}
#sp_btn_gnav_cancel .sp_btn_gnav_bar.bar1 {
    top: 18px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);}
#sp_btn_gnav_cancel .sp_btn_gnav_bar.bar2 {
    top: 18px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);}
#sp_btn_gnav_cancel .sp_btn_gnav_bar::before,
#sp_btn_gnav_cancel .sp_btn_gnav_bar::after {
    content: "";
	display: block;
	position: absolute;
	top: 0px;
	width: 3px;
	height: 3px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    background-color: #fff;}
#sp_btn_gnav_cancel .sp_btn_gnav_bar.bar1::before {top: 0px; left: -2px;}
#sp_btn_gnav_cancel .sp_btn_gnav_bar.bar1::after {top: 0px; right: -2px;}
#sp_btn_gnav_cancel .sp_btn_gnav_bar.bar2::before {top: 0px; left: -2px;}
#sp_btn_gnav_cancel .sp_btn_gnav_bar.bar2::after {top: 0px; right: -2px;}


/* global nav (SP Only)  ■■■ SP ■■■
---------------------------------------------*/

#sp_gnav {
    text-align: center;}

#sp_gnav>ul {
    text-align: left;}

#sp_gnav>ul>li {
    position: relative;
    font-weight: 600;
    font-size: 1.7rem;
	line-height: 1;
	letter-spacing: 0.06em;
    border-bottom: 2px solid #319600;}

#sp_gnav>ul>li a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 22px 0 21px 68px;
    background-repeat: no-repeat;
    background-position: 12px center;
    background-color: #fff;}
#sp_gnav>ul>li:first-child a {background-image: url(../images/icon_gnav_01.png);}
#sp_gnav>ul>li:nth-child(2) a {background-image: url(../images/icon_gnav_02.png);}
#sp_gnav>ul>li:nth-child(3) a {background-image: url(../images/icon_gnav_03.png);}
#sp_gnav>ul>li:nth-child(4) a {background-image: url(../images/icon_gnav_04.png);}
#sp_gnav>ul>li:nth-child(5) a {background-image: url(../images/icon_gnav_05.png);}
#sp_gnav>ul>li:nth-child(6) a {background-image: url(../images/icon_gnav_06.png);}
#sp_gnav>ul>li:nth-child(7) a {background-image: url(../images/icon_gnav_07.png);}
#sp_gnav>ul>li:nth-child(8) a {background-image: url(../images/icon_gnav_08.png);}
#sp_gnav>ul>li a:hover,
#sp_gnav>ul>li a:focus {
    color: #000;
    text-decoration: none;
    background-color: #e9ebbd!important;}

#sp_gnav>ul>li a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%; right: 15px;
    width: 8px;
    height: 8px;
    color: #000;
    vertical-align: middle;
    margin-top: -7px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);}


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

footer  ■■■ SP ■■■

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

footer {
    width: 100%;
    min-width: 0;
    padding: 25px 0 80px 0;
    background-color: #fff;}

footer>div {
    width: auto;
    margin: 0;}

/* --- ft menu --- */

.ft_menu {
    float: none;
    width: auto;
    max-width: 375px;
    text-align: center;
    padding: 0 10px 50px 10px;
    margin: 0 auto;}
.ft_menu li {
	font-size: 1.4rem;
    line-height: 2.2;
    padding-left: 5px;
    padding-right: 5px;}
.ft_menu li:nth-child(3) {
    padding-left: 50px;
    padding-right: 50px;}

/* --- logo --- */
.ft_logo {
    float: none;
    margin: 0 auto;}

/* --- text --- */
.ft_ttl {
    float: none;
    width: auto;
	font-size: 1.3rem;
    line-height: 1.3;
    text-align: center;
    padding: 15px 0 0 0; }


/* --- copyright --- */

.copyright {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    position: fixed;
    bottom: 0px; left: 0px;
    width: 100%;
    height: 50px;
    padding: 11px 50px 0 0;
    background-color: #e9ebbd;}
.copyright small {
    font-size: 1.1rem;}

.gototop {
    display: block;
    position: absolute;
    top: 0px; right: 0px;
    width: 50px;
    height: 50px;
    text-align: center;}
.gototop a {
    display: block;
    height: 20px;
    padding: 15px 0;
    color: #000;
    text-indent: -9999px;
    background-color: #8dc21f;}
.gototop a:hover,
.gototop a:focus {
    background-color: #8dc21f!important;}

.gototop a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    width: 16px;
    height: 16px;
    color: #fff;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: -9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);}



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

下層ページ共通  ■■■ SP ■■■

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


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

 Breadcrumb  ■■■ SP ■■■

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

.breadcrumb_box {
    display: none;}


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

 h  ■■■ SP ■■■

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


/* --- h2 --- */
.page_contents h2 {
    font-size: 1.9rem;
    padding: 10px 0 8px 0;}

/* --- h3 --- */
.page_contents h3 {
    font-size: 1.5rem;
    line-height: 1.3;
    text-align: center;
    padding: 10px 0 9px 0;
    margin-bottom: 10px;}



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

 section  ■■■ SP ■■■

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

.page_contents {
    padding-top: 0px;}


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

 coming soon  ■■■ SP ■■■

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

#comingsoon_page p {
    padding: 20px 0 0 0;}


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

 gototop (pc)  ■■■ SP ■■■

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

#gototop_pc {
    display: none !important;}

}
/*   SP CSS END

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