@charset "utf-8";

/************************************************************************************************************/
/* 本文/文字色設定
/************************************************************************************************************/
@font-face {font-family: "Yu Gothic";src: local("Yu Gothic Medium");font-weight: 100;}
@font-face {font-family: "Yu Gothic";src: local("Yu Gothic Medium");font-weight: 200;}
@font-face {font-family: "Yu Gothic";src: local("Yu Gothic Medium");font-weight: 300;}
@font-face {font-family: "Yu Gothic";src: local("Yu Gothic Medium");font-weight: 400;}
@font-face {font-family: "Yu Gothic";src: local("Yu Gothic Medium");font-weight: 500;}
@font-face {font-family: "Yu Gothic";src: local("Yu Gothic Bold");font-weight: bold;}
/*body{font-family:Roboto,"Segoe UI","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Sans-Serif;}*/
/*body{font-family: YuMincho, "游明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}*/
body{font-family:Roboto,"Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;}
/*body{font-family:Roboto,"noto sans japanese",sans-serif;}*/

/************************************************************************************************************/
/* 本文<a>文字色設定
/************************************************************************************************************/
/*行間を初期化*/
/*body{font-weight: bold;}*/
p{line-height: 1.8;}
[class*="i0"] p{line-height: 1.6;}
p a,.boxbg01 p{line-height: initial;}
font{display:inline-block;line-height: 1.6;}
font[size="4"],font[size="5"]{;line-height: 1.3;}
font[size="6"],font[size="7"]{;line-height: 1.2;}
font[size="8"],font[size="9"]{;line-height: 1.1;}

a > p.text,a.text > p,
p.hosoku,.article .subtitle,
p{color:#222;}

a p,
p.text,
a{cursor:pointer;
	color:#222;
	text-decoration:none;
	border-bottom: 1px dotted;
	padding-bottom: 0px;
	}

a p:visited,
p.text:visited,
a.alink:visited,
a:visited{color:#222;}

a p:active,
p.text:active,
a.alink:active,
a:active{color:#000;}

a:hover,p.text:hover{transition: all 0.3s ease;}
a img:hover,a .layerbox:hover{opacity:0.8;transition: all 0.3s ease;}

/*font{line-height: 1.1em;}*/

a.lk{border-bottom: none;}

/************************************************************************************************************/
/* <p00-p06>文字サイズの共通設定 */
/************************************************************************************************************/
body{
	font-size: 13px;
	text-align: justify;
	font-feature-settings : "palt";
	}
.boxbg01 [class^="i0"] p{font-size: 12px;}

p{
	margin-right:24px;
	text-align: justify;
	margin-bottom:12px;
	}
.boxr01 [class*="p0"]{margin-left:24px;}
	
#naviL p{margin:0;}
#naviL{font-size:12px;}

[class^="p0"],dl,table{
	font-size: 13px;
	font-kerning: normal;
	-webkit-font-kerning: normal;
	}

[class^="p0"] a:hover,a.active:hover{opacity: 0.6;}

[class^="p0"] + .brclear{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	padding-bottom:24px;
	}

.p01{}
.p02{text-align:center;}
.p03{text-align:right;}
.p04{
	columns: 2;
	-moz-columns: 2;
	-webkit-columns: 2;
	-moz-column-gap: 24px;
	-webkit-column-gap: 24px;
	column-gap: 24px;
	-moz-column-rule: solid 1px rgba(0,0,0, 0.1);
	-webkit-column-rule: solid 1px rgba(0,0,0, 0.1);
	column-rule: solid 1px rgba(0,0,0, 0.1);
}

.p05{
	display:block;
	width:calc(100%/2 - 24px);
	float:left;
	}
.p05.p05midd{display:table;}
.p05 .pmidd{vertical-align:middle;display:table-cell;}
	
	
.p06{padding:0 48px;}

/*i00-i06<p>文字サイズ共有設定*/
[class^="i0"] p,.layeritop,.layerbox{
	margin-bottom:12px;
	margin-top:12px;
	margin-right:0;
}
[class^="i0"].textleft p{text-align:left;}

[class^="i06"] p{margin-top:0;}

[class*="_hosoku"]{
	top:-12px;
	position:relative;
	display:block;
	margin-bottom:24px;
	}

/*i00-i06<p imagecap>キャプション文字サイズ共有設定*/
[class^="i0"] .imagecap{margin-bottom:0;}

.boxr01 [class^="i0"] .ibox + p{margin-right: 24px;margin-left:24px;}
/*.boxr01 [class^="p0"],.boxr01 [class^="i0"] [class*="fontt"]{margin-right: 0;margin-left:0;}*/
.boxr01 .p05{width:calc(100%/2)}
.boxbg02 .p05{width:calc(100%/2 - 6px);}

@media screen and (max-width: 480px) {
	.p05{width:calc(100% - 12px);}
	.boxr01 .p05{width:calc(100% - 24px);}
	.boxbg02 .p05{width:calc(100% - 6px);}
	.p06{padding:0 36px;}
}


/* boxr01 p共有設定　*/
/*============================================================*/
@media screen and (min-width: 481px) and (max-width: 1080px) {
.boxr01 [class^="p0"],.boxr01 [class^="h0"],.boxr01 [class^="t0"]{margin-right: 24px;margin-left:24px;}
.boxr01 [class^="p05"]{width:calc(100% - 48px);margin-right:24px;}
.boxr01 [class^="p05"][class*="bkcpc"]{width:calc(100%);}
}

@media screen and (max-width: 480px) {
.boxr01 [class^="p0"],.boxr01 [class^="h0"],.boxr01 [class^="t0"],
.boxr01 [class^="i0"] .ibox + p{margin-right: 12px;margin-left:12px;}
.boxr01 [class^="p05"][class*="bkcpc"]{width:calc(100%);}

p{margin-right:12px;}
.boxr01 [class^="i0"] p{margin-right: 12px;margin-left:12px;}
.p04{
	columns: 1;
	-moz-columns: 1;
	-webkit-columns: 1;
}
}

/* ol ul設定 */
ol,.subboxt ul,.box1t ul,.box2t ul,.box3t ul,.box4t ul{margin: 0 24px 0 40px;text-align: justify;line-height: 1.6;}

.boxr01 ol,.boxr01 .subboxt ul,.boxr01 .box1t ul,.boxr01 .box2t ul,.boxr01 .box3t ul,.boxr01 .box4t ul{margin-right:0;}
div[style*="margin-left: 40px"]{margin-right:24px;text-align: justify;}

/* ★Media Queries指定★(p)共有設定　*/
/*============================================================*/
@media screen and (min-width: 481px) and (max-width: 1080px) {
.boxr01 ol,.boxr01 .subboxt ul,.boxr01 .box1t ul,.boxr01 .box2t ul,.boxr01 .box3t ul,.boxr01 .box4t ul{margin-right:24px;}
}

@media screen and (max-width: 732px) {}
@media screen and (max-width: 480px) {
ol,.box1t ul,.subboxt ul,.box1t ul,.box2t ul,.box3t ul,.box4t ul{margin: 0 12px 0 40px;}
.boxr01 ol,.boxr01 .subboxt ul,.boxr01 .box1t ul,.boxr01 .box2t ul,.boxr01 .box3t ul,.boxr01 .box4t ul{margin-right:12px;}
}

/* <p00-p06>文字周りの余白設定 */
.box2t > p:nth-last-child(1) {margin-bottom: 0px;}

/************************************************************************************************************/
/* 本文<p>用拡張span設定 */
/************************************************************************************************************/
[class^="fonts"],[class^="fontb"],[class^="fontc"]{
font-family:"noto sans japanese";
/*display:block;*/
line-height: 1.4;
}
/*[class^="fonts"] + br,[class^="fontb"] + br,[class^="fontc"] + br{display:none;}*/

.fonts1,[class*="h0"] .fonts1{font-size:13px;font-weight:bold;}
.fonts2,[class*="h0"] .fonts2{font-size:12px;}
.fonts3,[class*="h0"] .fonts3{font-size:15px;font-weight:800;}
.fontb1,[class*="h0"] .fontb1{font-size:15px;}
.fontb2,[class*="h0"] .fontb2{font-size:18px;font-weight:800;}
.fontb3,[class*="h0"] .fontb3{font-size:20px;letter-spacing: -0.04em;font-weight:200;}
.fontb4,[class*="h0"] .fontb4{
	font-size:22px;
	letter-spacing: -0.02em;
	font-family:"ヒラギノ明朝 ProN W3",'Hiragino Mincho ProN',"ＭＳ Ｐ明朝",'MS PMincho';
	text-shadow: 1px 1px 1px rgba(0,0,0, 0.2);
	}
.fontb5,[class*="h0"] .fontb5{
	font-size:24px;
	letter-spacing: -0.04em;
	font-weight:800;
	}
.fontb6,[class*="h0"] .fontb6{
	line-height: 1.3;
	font-size: 26px;
	letter-spacing: -0.05em;
	font-weight:200;
	}
.fontb7,[class*="h0"] .fontb7{
	line-height: 1.3;
	font-size:30px;
	letter-spacing: -0.06em;
	text-shadow: 1px 1px 2px rgba(0,0,0, 0.2); 
	font-weight:100;
}	

[class^="fontc"]{letter-spacing: -0.04em;}

.fontc1,[class*="h0"] .fontc1{
	font-size:32px;
	font-weight:900;
}

.fontc2,[class*="h0"] .fontc2{
	font-size:45px;
	font-weight:100;
	text-shadow: 1px 1px 2px rgba(0,0,0, 0.2); 
}

.fontc3,[class*="h0"] .fontc3{
	font-size:45px;
	font-weight:900;
}

.fontc4,[class*="h0"] .fontc4{
	font-size:54px;
	font-weight:900;
}

.fontc5,[class*="h0"] .fontc5{
	display: inline-block;
	font-size:26px;
	letter-spacing: 0em;
	font-weight:900;
	text-shadow: 1px 1px 2px rgba(0,0,0, 0.2); 
	line-height: 1.3;
}

.fontc6,[class*="h0"] .fontc6{
	display: inline-block;
	font-size:26px;
	letter-spacing: 1em;
	font-weight:900;
	text-shadow: 1px 1px 2px rgba(0,0,0, 0.2); 
	line-height: 1.3;
}

.fontc7,[class*="h0"] .fontc7{
	display: inline-block;
	font-size:26px;
	letter-spacing: 0em;
	font-weight:900;
	transform-origin: left top;
	transform: rotate(-4.5deg);
	text-shadow: 1px 1px 2px rgba(0,0,0, 0.2); 
	line-height: 1.3;
}

.fontc8,[class*="h0"] .fontc8{
	display: inline-block;
	font-size:26px;
	letter-spacing: 0em;
	font-weight:900;
	transform-origin: left top;
	transform: scale(1,0.7);
	text-shadow: 1px 1px 2px rgba(0,0,0, 0.2); 
	line-height: 1.3;
}

.fontc9,[class*="h0"] .fontc9{
	display: inline-block;
	font-size:26px;
	letter-spacing: 0.02em;
	font-weight:900;
	transform-origin: left top;
	transform: scale(0.7,1);
	text-shadow: 1px 1px 2px rgba(0,0,0, 0.2); 
	line-height: 1.3;
}

.fontR,[class*="p0"] .keiR,.ipbox .keiR{color:#c5293c;}
.fontY,[class*="p0"] .keiY,.ipbox .keiY{color:#ecab1d;}
.fontG,[class*="p0"] .keiG,.ipbox .keiG{color:#a3c42c;}
.fontD,[class*="p0"] .keiD,.ipbox .keiD{color:#139e8b;}
.fontB,[class*="p0"] .keiB,.ipbox .keiB{color:#0f7eaf;}
.fontN,[class*="p0"] .keiN,.ipbox .keiN{color:#3661a9;}
.fontP,[class*="p0"] .keiP,.ipbox .keiP{color:#734397;}
.fontM,[class*="p0"] .keiM,.ipbox .keiM{color:#b41f71;}
.fontW,[class*="p0"] .keiW,.ipbox .keiW{color:#ffffff;}
.fontK,[class*="p0"] .keiK,.ipbox .keiK{color:#000000;}
.fontT,[class*="p0"] .keiT,.ipbox .keiT{}

/*bkcp [本文]外枠設定*/
[class^="p0"][class*="bkcpc"]{padding:16px;border-radius:4px;font-size:13px;line-height:1.4;overflow:hidden;}
[class^="p0"][class*="bkcpc"] .alink[class*="c"]:hover{background:rgba(255,255,255,0.6);color:inherit;}
[class^="p0"][class*="bkcpc"] .alink{padding:6px;}
[class^="p0"][class*="bkcpc"] i[class^="fa"]{color:#fff;}

.boxr01 [class^="p0"][class*="bkcpc"]{border-radius:0;margin:0;}
.boxbg02 [class^="p0"][class*="bkcpc"],.boxbg02 [class^="p0"][class*="space"]{margin-bottom:6px;}

.bkcpcR{background:#e18591;}
.bkcpcY{background:#f5d480;}
.bkcpcG{background:#cee183;}
.bkcpcD{background:#69cec2;}
.bkcpcB{background:#6db8d7;}
.bkcpcN{background:#c0cfe9;}
.bkcpcP{background:#b291ca;}
.bkcpcM{background:#d97aaf;}
.bkcpcW{background:#fafafa;}
.bkcpcK{background:#ededed;}
.bkcpcH{background:#fff;border:1px solid rgba(0,0,0,0.15)}

[class*="bkcpc"] .ipbox{margin:24px;}


.fontq,.fonta{line-height: 1.2;display:block;}
.fontq{
	font-weight:bold;
	border-bottom:1px dotted rgba(0,0,0, 0.4);
	padding-bottom:6px;
	margin-bottom:6px;
}
.fontq:before{
	font-family:Oleo Script;
	display:inline-block;
	content:"Ｑ";
	width:16px;
	font-size:16px;
	padding:6px;
	margin-right:6px;
	border-radius: 2px;
}

.fonta{margin-bottom:12px;}
.fonta:before{
	font-family:Oleo Script;
	display:inline-block;
	content:"Ａ";
	width:16px;
	font-weight: bold;
	font-size:16px;
	padding:6px;
	margin-right:6px;
	border-radius: 2px;
}

.fontm1{display:block;margin-left:7%;}
.fontm2{display:block;margin-right:7%;}

/* <font size>文字の大きさ初期設定 */
/************************************************************************************************************/
font[size="1"]{font-size:11px;}
font[size="2"]{font-size:12px;}
font[size="3"]{font-size:18px;}
font[size="4"]{font-size:24px;}
font[size="5"]{font-size:32px;letter-spacing: -0.01em;}
font[size="6"]{font-size:42px;letter-spacing: -0.02em;}
font[size="7"]{font-size:56px;letter-spacing: -0.03em;}
font[size="8"]{font-size:68px;letter-spacing: -0.04em;}
font[size="9"]{font-size:80px;letter-spacing: -0.05em;}

@media screen and (max-width: 480px) {
font[size="1"]{font-size:8px;}
font[size="2"]{font-size:10px;}
font[size="3"]{font-size:14px;}
font[size="4"]{font-size:21px;}
font[size="5"]{font-size:28px;}
font[size="6"]{font-size:38px;}
font[size="7"]{font-size:52px;}
font[size="8"]{font-size:64px;}
font[size="9"]{font-size:76px;}
.fontb4{font-size:20px;}
.fontb5{font-size:21px;}
.fontb6{font-size:23px;}
.fontb7{font-size:26px;}
.fontc1{font-size:28px;}
.fontc2,.fontc3{font-size:36px;}
.fontc4{font-size:42px;}
.fontc5,.fontc6,.fontc7,.fontc8,.fontc9{font-size:23px;}
}

[class*="trans"]{display:block;overflow: hidden;}
.trans1{transform-origin: left top;transform: scale(1,0.7);}
.trans2{transform-origin: left top;transform: scale(0.7,1);}
.trans3{transform-origin: left top;transform: rotate(-15deg);}
.trans4{transform-origin: left top;transform: rotate(-45deg);}
.trans5{transform-origin: left top;transform: rotate(15deg);}
.trans6{transform-origin: left top;transform: rotate(45deg);}
.trans7,[class*="navi0"].imgnavi4 p{
	text-shadow: 
	rgba(0,0,0,0.25) 2px 0px,  rgba(0,0,0,0.25) -2px 0px,
	rgba(0,0,0,0.25) 0px -2px, rgba(0,0,0,0.25) 0px 2px,
	rgba(0,0,0,0.25) 2px 2px , rgba(0,0,0,0.25) -2px 2px,
	rgba(0,0,0,0.25) 2px -2px, rgba(0,0,0,0.25) -2px -2px,
	rgba(0,0,0,0.25) 1px 2px,  rgba(0,0,0,0.25) -1px 2px,
	rgba(0,0,0,0.25) 1px -2px, rgba(0,0,0,0.25) -1px -2px,
	rgba(0,0,0,0.25) 2px 1px,  rgba(0,0,0,0.25) -2px 1px,
	rgba(0,0,0,0.25) 2px -1px, rgba(0,0,0,0.25) -2px -1px;
	}
.trans8,[class*="navi0"].imgnavi4[class*="pt"] p{
	text-shadow: 
	rgba(255,255,255,0.5) 2px 0px,  rgba(255,255,255,0.5) -2px 0px,
	rgba(255,255,255,0.5) 0px -2px, rgba(255,255,255,0.5) 0px 2px,
	rgba(255,255,255,0.5) 2px 2px , rgba(255,255,255,0.5) -2px 2px,
	rgba(255,255,255,0.5) 2px -2px, rgba(255,255,255,0.5) -2px -2px,
	rgba(255,255,255,0.5) 1px 2px,  rgba(255,255,255,0.5) -1px 2px,
	rgba(255,255,255,0.5) 1px -2px, rgba(255,255,255,0.5) -1px -2px,
	rgba(255,255,255,0.5) 2px 1px,  rgba(255,255,255,0.5) -2px 1px,
	rgba(255,255,255,0.5) 2px -1px, rgba(255,255,255,0.5) -2px -1px;
}
.trans9{text-shadow: 2px 2px 2px rgba(0,0,0, 0.3);}

/************************************************************************************************************/
/* aリンクの拡張子違いによるアイコン表示指定 */
/************************************************************************************************************/
.alink[href$=".xls"]:after,.alink[href$=".xlsx"]:after,
.alink[href$=".doc"]:after,.alink[href$=".docx"]:after,
.alink[href$=".ppt"]:after,.alink[href$=".pptx"]:after,
.alink[href$=".zip"]:after,.alink[href$=".lzh"]:after,
.alink[href$=".pdf"]:after,
.alink[href$=".txt"]:after,
.alink[href$=".jpg"]:after,.alink[href$=".png"]:after{
	font-family: FontAwesome;
	font-size: 1.2em;
	vertical-align: -1px;
	margin-left:2px;
}	
.alink[href$=".xls"]:after,.alink[href$=".xlsx"]:after {content: "\f1c3";}
.alink[href$=".doc"]:after,.alink[href$=".docx"]:after {content: "\f1c2";}
.alink[href$=".ppt"]:after,.alink[href$=".pptx"]:after {content: "\f1c4";}
.alink[href$=".zip"]:after,.alink[href$=".lzh"]:after {content: "\f1c6";}
.alink[href$=".pdf"]:after {content: "\f1c1";}
.alink[href$=".txt"]:after {content: "\f0f6 ";}
.alink[href$=".jpg"]:after,.alink[href$=".png"]:after {content: "\f1c5";}

/************************************************************************************************************/
/* Pの改行指定<cr> */
/************************************************************************************************************/
hr{margin: 12px 24px 10px 0;}
.boxr01 hr{margin: 12px 0 10px 0;}
[class^="i0"] hr{margin: 12px 0 10px 0;}
.hr01{
	border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

.hr02{
	border: 0;
	border-bottom: 1px dashed #ccc;
	background: #999;
}

.hr03{
	height: 12px;
	border: 0;
	box-shadow: inset 0 6px 6px -6px rgba(0, 0, 0, 0.5);
}

.hr04{
	margin: 12px 12px 24px 0px;
	border: 0;
	height: 0;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5);
}

.hr05{
	border-top: 2px dotted rgba(0, 0, 0, 0.3);
	border-bottom: 1px dotted #fff;
}

.hr06{
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.hr0u{display:block;border:none;height:74px;}
.hr0u:before{
	content:"\f062";
	font-family: FontAwesome;
	font-size: 6em;
	margin-left:45%;
	color:#8aa5d3;
}

.hr0d{display:block;border:none;height:74px;}
.hr0d:before{
	content:"\f063";
	font-family: FontAwesome;
	font-size: 6em;
	margin-left:45%;
	color:#8aa5d3;
}

/*aタグにbackground-colorがある場合*/
[style^="background-color"] a,a.lk{color:#fff;}
[style^="background-color: rgb(225, 133, 145)"] a,
[style^="background-color: rgb(240, 190, 197)"] a,
[style^="background-color: rgb(249, 228, 231)"] a,
[style^="background-color: rgb(245, 212, 128)"] a,
[style^="background-color: rgb(251, 233, 191)"] a,
[style^="background-color: rgb(253, 247, 229)"] a,
[style^="background-color: rgb(206, 225, 131)"] a,
[style^="background-color: rgb(230, 240, 190)"] a,
[style^="background-color: rgb(245, 249, 228)"] a,
[style^="background-color: rgb(105, 206, 194)"] a,
[style^="background-color: rgb(172, 230, 223)"] a,
[style^="background-color: rgb(221, 245, 243)"] a,
[style^="background-color: rgb(109, 184, 215)"] a,
[style^="background-color: rgb(176, 217, 235)"] a,
[style^="background-color: rgb(223, 239, 247)"] a,
[style^="background-color: rgb(204, 204, 204)"] a,
[style^="background-color: rgb(138, 165, 211)"] a,
[style^="background-color: rgb(192, 207, 233)"] a,
[style^="background-color: rgb(229, 235, 247)"] a,
[style^="background-color: rgb(238, 238, 238)"] a,
[style^="background-color: rgb(178, 145, 202)"] a,
[style^="background-color: rgb(215, 195, 229)"] a,
[style^="background-color: rgb(238, 230, 244)"] a,
[style^="background-color: rgb(250, 250, 250)"] a,
[style^="background-color: rgb(217, 122, 175)"] a,
[style^="background-color: rgb(236, 184, 214)"] a,
[style^="background-color: rgb(248, 226, 238)"] a,
[style^="background-color: rgb(255, 255, 255)"] a,a.lk.lw{color:#222;}
a.lk:hover{text-shadow: 1px 1px 1px rgba(0,0,0, 0.6); color:#fff;}
a.lk.lw:hover{text-shadow: 1px 1px 1px rgba(0,0,0, 0.6); color:#222;}
[style^="background-color"] a:hover{opacity:0.6;}