@charset("UTF-8");

*{
	box-sizing:border-box;
	margin:0;
	padding:0;
}
html{
	height:100%;
}
body{
	font-family:游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo,  sans-serif;
	font-size:13px;
	font-weight:500;
	height:100%;
}

img{
	border:none;
	vertical-align:bottom;
}

ul,ol{
	list-style:none;
}

a{
	text-decoration:none;
	color:#000;
}
main{
	display:block;
}
table{
	border-collapse:collapse;
	width:100%;
}
th{
	color:#fff;
	background:#000;
	border:1px solid #dfdfdf;
	font-weight:500;
}
th.child-th{
	background:#f3f3f3;
	color:#000;
}
td{
	border:1px solid #dfdfdf;
}

.sp{
	display:none !important;
}
.sp-menu{
	display:none;
}

.inner{
	width:1280px;
	margin:0 auto;
	position:relative;	
}
.outer{
	width:100%;
	min-width:1280px;
	margin:auto;
}
.f-left{
	float:left;
}
.f-right{
	float:right;
}
.ov-hidden{
	overflow:hidden;
}
.clear{
	clear:both;
}

.hover{
	transition:0.3s all ease;
	text-decoration:none;
}
.hover:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
}
a{
	text-decoration:underline;
	color:#000;
}
a:hover{
	text-decoration:none;
}
.mincho{
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
}

.font12{
	font-size:12px;
}
.font14{
	font-size:14px;
}
.font20{
	font-size:20px;
}
.bold{
	font-weight:600;
}

.list01{
	line-height:1.714;
	padding-bottom:0.6em;
	font-weight:600;
	padding-top:0.6em;
}
.list01 li{
	text-indent:-1em;
	padding-left:1em;
	padding-bottom:0.6em;
}
.list01 li::before{
	content:"■";
	display:inline;
	color:#e81e79;
	font-size:80%;
	vertical-align:middle;
	margin-right:0.5em;
}
.list02{
	line-height:1.714;
	padding-bottom:0.6em;
	padding-top:0.6em;
}
.list02 li{
	text-indent:-1em;
	padding-left:1em;
	padding-bottom:0.6em;
}
.list02 li::before{
	content:"";
	display:inline-block;
	width:0;
	height:0;
	vertical-align:middle;
	margin-right:0.5em;
	border-left:8px solid #e81e79;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
}

.list03{
	line-height:1.714;
}
.list03 li{
	text-indent:-1em;
	padding-left:1em;
	padding-bottom:0.6em;
}
.list03 li::before{
	content:"";
	width:6px;
	height:6px;
	display:inline-block;
	background:#000;
	vertical-align:middle;
	margin-right:0.5em;
}




/* ***********************header************************** */
header{
	background:#000;
	color:#fff;
	width:258px;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	padding-left:38px;
	padding-right:38px;
	padding-top:24px;
	overflow:hidden;
	z-index:9999;
}
.logo{
	padding-bottom:20px;
	margin-bottom:12.5px;
	border-bottom:1px solid #4d4d4d;
}
.logo *{
	display:block;
}
.logo img:nth-of-type(1){
	margin-bottom:12px;
}
.logo img:nth-of-type(2){
	margin-bottom:7px;
}
nav a{
	color:#fff;
}
nav{
	font-size:14px;
	font-weight:500;
	line-height:1.571;
	padding-bottom:40px;
}
.global li{
	padding-bottom:7.5px;
	padding-top:7.5px;
	position:relative;
}
.global li:last-of-type{
	//padding-bottom:0;
}
nav .child{
	font-size:12px;
	padding-left:10px;
	padding-top:10px;
}
.global p.parent{
	cursor:pointer;
}
.global p.parent:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
}
ul.child{
	display:none;
}
.global:nth-of-type(1){
	padding-bottom:12.5px;
	margin-bottom:20px;
	border-bottom:1px solid #4d4d4d;
}
.global:nth-of-type(2){
	font-size:12px;
}

#mCSB_1_scrollbar_vertical{
	opacity:0 !important;
	filter:alpha(opacity=0) !important;
}
.mCSB_inside > .mCSB_container{
	smargin-right:0;
}

body.sub-page{
	min-width:1280px;
}

.global li.current::before{
	content:"";
	height:32px;
	width:5px;
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:-23px;
	margin:auto;
	background:#fff;
}


.mCustomScrollBox{
	overflow:visible !important;
}
.mCSB_container{
	overflow:visible !important;
}
/* **********************sub page main visual******************* */
.main-visual img{
	width:100%;
	display:block;
	margin-bottom:15px;
}


/* ************************bread crumb********************** */
.bread-crumbs{
	padding:0 24px 50px;
	font-size:11px;
	line-height:1.1;
}
.bread-crumbs li::after{
	content:"＞";
	padding:0 12px;
	color:#000;
	display:inline;
}
.bread-crumbs li:last-of-type::after{
	display:none;
}
.bread-crumbs li:last-of-type{
	color:#e81e79;
}
.bread-crumbs a{
	color:#000;
}


/* ************************main********************** */
.contents{
	width:calc(100% - 258px);
	height:100%;
	margin-left:258px;
	//min-width:1022px;
}
.page-title{
	font-size:34px;
	line-height:1.5;
	padding-bottom:24px;
}
.main-contents{
	padding:0 68px 0 75px;
}
.outline{
	line-height:2.142;
	font-weight:600;
}

.sec-title01{
	background:#e81e79;
	color:#fff;
	font-size:16px;
	line-height:1.5;
	padding:7px 15px 6px;
	margin-bottom:35px;
}

.sec-title02{
	font-size:16px;
	font-weight:600;
	line-height:1.5;
	padding-bottom:14px;
}

.sec-title03{
	font-size:14px;
	line-height:1.5;
	font-weight:600;
	padding:15px 0;
	border-top:1px solid #e61e79;
	border-bottom:1px solid #e61e79;
	margin-bottom:25px;
}
.sec-title03 a{
	margin-left:2em;
}
.fukidashi{
	line-height:1.714;
	text-align:justify;
}
.pink{
	color:#e81e79;
}

.flow{
	padding:18px 29px 24px 25px;
	border:1px solid #e81e79;
	margin-top:45px;
}
.flow h3{
	padding-bottom:20px;
}


/* ************************footer********************** */
#copyrights{
	font-size:9px;
	line-height:1.875;
	text-align:right;
	padding-top:105px;
	padding-right:40px;
	padding-bottom:36px;
}

.mCSB_inside > .mCSB_container{
	margin-right:0;
}





/* ******************************************** */
/* **********これ以下レスポンシブスタイル****** */
/* ******************************************** */
@media screen and (max-width:767px){
	#mCSB_1_container{
		position:static !important;
	}

	body.sub-page{
		min-width:100%;
	}

    html {
        font-size: 62.5%;
    }

body{
	font-size:1.3rem;
}
.sp{
	display:block !important;
}
.sp-menu{
	display:block;
	
}
.pc{
	display:none;
}

.inner{
	width:100%;
	margin:0 auto;
	position:relative;	
}
.outer{
	width:100%;
	min-width:100%;
	margin:auto;
}
.font12{
	font-size:1.3rem;
}
.font14{
	font-size:1.3rem;
}
.font20{
	font-size:1.6rem;
}
/* ***********************header************************** */
header{
	width:100%;
	height:7rem;
	position:fixed;
	left:0;
	top:0;
	padding-left:2rem;
	padding-right:2rem;
	padding-top:0;
	overflow:visible;
}
.logo {
    padding: 1rem;
    margin: 0;
    border-bottom: none;
    background: #000;
    position: absolute;
    left: -1.5rem;
    top: 0;
    width: 21rem;
    height: 7rem;
}

.logo img:nth-of-type(1) {
    width: 1.5rem;
    margin: 0;
    margin-bottom: 1rem;
    float: left;
}
.logo img {
    width: 9rem;
    margin: 0;
    float: left;
    margin-left: 0.5rem;
}
.logo img:nth-of-type(3) {
    width: 7rem;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
}
nav{
	overflow-y:scroll;
}
nav a{
	color:#fff;
	padding-bottom:0;
}
nav{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	right:-100%;
	font-size:1.4rem;
	opacity:0;
	filter:alpha(opacity=0);
	background:rgba(0,0,0,0.8);
	padding-top:7rem;
	padding:9rem 2rem 4rem;
	z-index:9998;
}
.global li{
	padding-bottom:1.5rem;
	padding-top:1.5rem;
}
nav .child{
	font-size:1.4rem;
	padding-left:10px;
	padding-top:10px;
}

.global:nth-of-type(1){
	padding-bottom:2rem;
	margin-bottom:2rem;
}
.global:nth-of-type(2){
	font-size:1.2rem;
}

.global li.current::before {
    content: "";
    height: 100%;
    left: -2rem;
}
.global .child li.current::before {
	left:calc(-2rem - 10px);
}
.global li a br{
	display:none;
}
.sp-menu {
    width: 3rem;
    position: fixed;
    right: 2.5rem;
    top: 2rem;
    z-index: 99999 !important;
	font-size:0.8rem;
	text-align:center;
	cursor:pointer;
	color:#fff;
	
}
.sp-menu span {
    display: block;
    width: 100%;
    height: 1px;
    position: relative;
    background: #fff;
}
.sp-menu span:nth-of-type(2) {
    margin-top: 0.6rem;
}
.sp-menu span:nth-of-type(3) {
    margin-top: 0.6rem;
	margin-bottom:0.4rem;
}


/* ************************main visual********************** */
.main-visual img{
	width:100%;
	display:none;
	margin-bottom:0;
}
.main-visual{
	height:17rem;
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
}

/* ************************bread crumb********************** */
.bread-crumbs{
	padding:2rem;
	font-size:1.1rem;
}
.bread-crumbs li::after{
	padding:0 1rem;
}

/* ************************main********************** */
.contents{
	width:100%;
	height:auto;
	margin-left:0;
	padding-top:7rem;
}

.flow{
	padding:0.8rem;
}


/* ************************main********************** */
.page-title{
	font-size:1.8rem;
	padding-bottom:1.6rem;
}
.main-contents{
	padding:0 2rem;
}


.sec-title01{
	background:#e81e79;
	color:#fff;
	font-size:1.5rem;
	padding:0.7rem 1.5rem 0.6rem;
	margin-bottom:2rem;
}

.sec-title02{
	font-size:1.5rem;
	padding-bottom:1.4rem;
}

.sec-title03{
	font-size:1.4rem;
	padding:1.2rem 0;
	margin-bottom:2rem;
}
.sec .pic img{
	width:100%;
	display:block;
}
/* ************************footer********************** */
#copyrights{
	font-size:0.9rem;
	padding-top:6rem;
	padding-left:2rem;
	padding-right:2rem;
	padding-bottom:3rem;
	text-align:left;
}


.mCustomScrollBox{
	overflow:visible;
}







}