@import url(/lib/font-awesome-4.6.3/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Marck+Script');
/*
//////////////////SEARCH CSS-INDEX//////////////////
RESET
CLEARFIX
BR CLEAR
ETC
MENU-TRIGGER BASE
INPUT
WIDTH
DISPLAY
CK-BOX
TBL
IL OL
TITLE
BOX SETTING
HOVER BLOCK
BTN
LINK
INDENT
FONT
PAGER
*/



/*----------------------------------------------------
	******RESET******
----------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body, html {
	width: 100%;
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 游ゴシック体, 'Yu Gothic', YuGothic,  sans-serif;;
}
body, html {
	height: 100%;
}
body {
	-webkit-text-size-adjust: 100%;
	background: #fff;
	color: #333333;
	font-size: 13px;
 *font-size:small;
 *font:x-small;
	vertical-align: top;/*text-align:center;*/
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
table {
	font-size: inherit;
}
img {
	border: none;
	margin: 0;
	padding: 0;
}
ul, ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}



hr {
	display: none;
}
a {
	color: #3196f4;
	text-decoration: none;
	cursor: pointer;
	outline: none !important;
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out; /* firefox */
	-webkit-transition: all 0.5s ease-out; /* chrome, safari */
	-ms-transition: all 0.5s ease-out; /* ie */
}
a[href^="tel:"] { cursor: default; }
a:hover {
	color: #2EB798 !important;
}
a img:hover {
	opacity: 0.8;
}
a:link {
	color: #545454;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #bbbbbb;
	text-decoration: none;
	outline: none;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
li img {
	background-color: transparent;
	text-decoration: none;
}
a img {
	background-color: transparent;
}
a:hover img {
	background-color: transparent;
	text-decoration: none;
}
p {
	line-height: 1.8;
	margin-bottom:1em;
	word-break: normal;
	letter-spacing:0.05em;
}
li {
	line-height: 1.6;
}
::selection {
	background-color: #00A0E9;
	color: #FFF; /* Safari */
}
::-moz-selection {
background-color: #00A0E9;
color: #FFF; /* Firefox */
}


.num{
	text-align:right;	
}



@media screen and (max-width: 850px) {
* {
	-webkit-overflow-scrolling: touch;
	-webkit-appearance: none;
}
}











/*----------------------------------------------------
******CLEARFIX******
----------------------------------------------------*/
.clearfix:before, .clearfix:after {
 content: " ";
 display: table;
}
.clearfix:after {
 clear: both;
}
.clearfix {
 zoom: 1; /* for IE 6/7 only */
}

/*----------------------------------------------------
	******BR CLEAR******
----------------------------------------------------*/
br.clear_noie, div.clear_noie {
	display: inline !important;
	display: none;
	clear: both;
	line-height: 0px;
}
br.clear_all {
	clear: both;
	line-height: 0px;
}
.pc_hyde {display:none !important;}
.pc_hyde2 {display:none !important;}
.sp_hyde {display:block !important;}
@media screen and (max-width: 850px) {
.pc_hyde {display:block !important;}
.pc_hyde2 {display:inline-block !important;}
.sp_hyde {display:none !important;}
}





/*----------------------------------------------------
	******ETC******
----------------------------------------------------*/
.ancSet{
	margin-top:-90px;
	padding:90px;
}
.ancA{
	display:block;
	overflow:hidden;
	opacity:0;
	visibility:hidden;
	height:0;
	padding-top:150px;
	margin-top:-150px;
}
.underLine {
	text-decoration: underline !important;
}
#topcontrol {
	z-index: 10000;
}
#topcontrol img{
	vertical-align:bottom;
}
.floatingImg{
	float:left;
	padding:0.5em 1em 1em 0;
}
@media screen and (max-width: 850px) {
.ancSet{
	margin-top:-45px;
	padding:45px;
}
/*ancSet*/

}












/*----------------------------------------------------
	******MENU-TRIGGER BASE******
----------------------------------------------------*/
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 50px;
	height: 44px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 20px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}














/*----------------------------------------------------
	******INPUT******
----------------------------------------------------*/
.imeOff {
	ime-mode: inactive;
}
.inputS ,.inputM ,.inputL ,.inputX  ,.inputXX ,.textarea_1{
	background:#fff;
	font-size: 116%;
	padding: 8px 8px;
	border:none;
	border-radius:5px;
	overflow:hidden;
}
.inputAdd {
	width: 8em;
}
.inputTel {
	width: 13em;
}
.inputS {
	width: 20%;
}
.inputM {
	width: 40%;
}
.inputL {
	width: 60%;
}
.inputX {
	width: 80%;
}
.inputXX {
	width: 100%;
}
.textarea_1 {
	height: 250px;
	width: 99%;
	resize: vertical;
}















/*----------------------------------------------------
	******WIDTH******
----------------------------------------------------*/
.w10 {
	width: 10%!important;
}
.w20 {
	width: 20%!important;
}
.w25 {
	width: 25%!important;
}
.w30 {
	width: 30%!important;
}
.w40 {
	width: 40%!important;
}
.w50 {
	width: 50%!important;
}
.w60 {
	width: 60%!important;
}
.w70 {
	width: 70%!important;
}
.w80 {
	width: 80%!important;
}
.w90 {
	width: 90%!important;
}
.w100 {
	width: 100%!important;
}
@media screen and (max-width: 850px) {
.spWidth100{
	width:100% !important;
}
.spImg50{
	height:auto !important;
	width:50% !important;
}
.spImg60{
	height:auto !important;
	width:60% !important;
}
.spImg70{
	height:auto !important;
	width:70% !important;
}
.spImg80{
	height:auto !important;
	width:80% !important;
}
.spImg90{
	height:auto !important;
	width:90% !important;
}
.spImg100{
	height:auto !important;
	width:100% !important;
}
}














/*----------------------------------------------------
	******DISPLAY******
----------------------------------------------------*/
.block {
	display: block !important;
}
.inline {
	display: inline !important;
}
.inlineBlock {
	display: inline-block !important;
}
.none {
	display: none !important;
}
.noBorder {
	border: none !important;
}
/*pc*/
.pcBlock {
	display: block !important;
}
.pcInline {
	display: inline !important;
}
.pcInlineBlock {
	display: inline-block !important;
}
.pcTable {
	display: table !important;
}
.pcInlineBlock {
	display: inline-block !important;
}
/*sp*/
.spBlock {
	display: none !important;
}
.spInline {
	display: none !important;
}
.spTable_block {
	display: block !important;
}
.spInlineBlock {
	display: none !important;
}
@media screen and (max-width: 850px) {
/*pc*/
.pcBlock {
	display: none !important;
}
.pcInline {
	display: none !important;
}
.pcInlineBlock {
	display: none !important;
}
.pcTable {
	display: block !important;
}
.pcInlineBlock {
	display: none !important;
}
/*sp*/
.spBlock {
	display: block !important;
}
.spInline {
	display: inline !important;
}
.spTable_block {
	display: table !important;
}
.spInlineBlock {
	display: inline-block !important;
}
}














/*----------------------------------------------------
	******CK-BOX******
----------------------------------------------------*/
.ckBox {
	overflow: hidden;
	margin-bottom:2em;
}
.ckBox img {
	max-width: 100%;
	height: auto;
}











/*----------------------------------------------------
	******TBL******
----------------------------------------------------*/
.baseTBL {
	margin-bottom:2em;
	border-collapse: collapse;
	width: 90%;
	margin:0 auto;
	margin-bottom:60px;
}
.baseTBL th {
	background:#E0E4F0;
	text-align: left;
	white-space: nowrap;
	vertical-align:top;
}
.baseTBL th, .baseTBL td {
	border: 1px solid #ccc;
	padding: 0.5em 1em 0.5em 1em;
}
.baseTBL thead th, .baseTBL thead td {
	background: #bdc7e2;
}
.scrollTable {
	overflow: auto;
	white-space: nowrap;
	margin-bottom:2em;
}
.scrollTable .baseTBL {
	margin: 0 0 1em 0;
	border: 2px solid #ddd;
}
.scrollTable  .baseTBL th, .scrollTable  .baseTBL td {
	display: table-cell !important;
}
.scrollTable .caution {
	display: none;
	opacity: 0.7;
	font-size: 85%;
}
.scrollTable::-webkit-scrollbar {
height: 3px;
}
.scrollTable::-webkit-scrollbar-track {
background: #F1F1F1;
}
.scrollTable::-webkit-scrollbar-thumb {
background: #BCBCBC;
}


.colorTBL_01 th{
	background:#dfe4f1;
	padding: 0.8em 1em;
}
.colorTBL_01 td{
	background:#f8f8f8;
	padding: 0.8em 1em;
}



.baseTBL2 {
	margin-bottom:2em;
	border-collapse: collapse;
	width: 90%;
	margin:0 auto;
}
.baseTBL2 th {
	text-align: left;
	white-space: nowrap;
	vertical-align:top;
}
.scrollTable  .baseTBL2 th, .scrollTable  .baseTBL2 td {
	display: table-cell !important;
}
.tableBorder_gray {
	border: 2px solid #bbb;
}

/*table*/

@media screen and (max-width: 850px) {
	.simpleTBL tr th , .simpleTBL tr td{
		display:block;
		width:100%;
	}
}








/*----------------------------------------------------
	******UL OL******
----------------------------------------------------*/
ul.baseUL {
	margin-bottom:2em;
}
ul.baseUL > li {
	margin-left: 1em;
	text-indent: -1.2em;
	border-bottom: 1px dotted #ccc;
	padding: 0.8em 0;
}
ul.baseUL > li:before {
	color:#002665;
	content: "● ";
}
/*ul*/

ol.baseOL {
	margin-bottom:2em;
}
ol.baseOL > li {
	list-style-type: decimal-leading-zero !important;
	margin-left: 1.8em;
	border-bottom: 1px dotted #ccc;
	padding: 0.8em 0;
}
/*ol*/















/*----------------------------------------------------
	******TITLE******
----------------------------------------------------*/
.readTxt{
	color:#25479e;
	font-size:116%;
	text-align:center;
	margin-bottom:4em;
}
/*readTxt*/
.secTitle{
	text-align:center;
	margin-bottom:2em;
	position:relative;
}
.secTitle .title{
	color:#fff;
	font-size:200%;
	display:inline-block;
	background:#002665;
	text-align:center;
	padding:0.25em 1em 0.05em;
}
.secTitle .btn{
	
	color:#fff !important;
	font-size:93%;
	padding:0.2em 2em;
	background:#939393;
	display:inline-block;
	position:absolute;
	bottom:0;
	right:0;
	
}
.secTitle .btn:hover{
	background:#002665;
}
.titleJp_Eg {
	margin-bottom:2em;
	text-align: center;
}
.titleJp_Eg .titleJp {
	letter-spacing: 0.5em;
	font-size: 200%;
	margin: 0.5em 0 0.1em;
	text-align: center;
}
.titleJp_Eg .titleEg {
	opacity: 0.7;
	text-align: center;
	line-height: 0;
}
/*titleJp_Eg*/

.titleEg_Jp {
	margin-bottom:2em;
	text-align: center;
}
.titleEg_Jp .titleEg {
	letter-spacing: 0.5em;
	font-size: 200%;
	margin: 0.5em 0 0.1em;
	text-align: center;
}
.titleEg_Jp .titleJp {
	opacity: 0.7;
	text-align: center;
}
/*titleEg_Jp*/

.slashTitleJ {
	text-align: center;
	margin: 3em 0;
}
.slashTitleJ .inr {
	padding: 0.5em 5em;
	display: inline-block;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,1.00);
	transform: skew(-30deg);
}
.slashTitleJ .title {
	font-size: 150%;
	display: inline-block;
	line-height: 1;
	text-align: center;
	transform: skew(30deg);
}
.slashTitleJ .read {
	font-size: 100%;
	line-height: 1 !important;
	transform: skew(30deg);
}
/*slashTitleJ*/
.slashTitleEN {
	text-align: center;
	margin: 3em 0;
}
.slashTitleEN .inr {
	padding: 0.5em 5em;
	display: inline-block;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,1.00);
	transform: skew(-30deg);
}
.slashTitleEN .title {
	font-size: 180%;
	display: inline-block;
	line-height: 1;
	text-align: center;
	transform: skew(30deg);
}
.slashTitleEN .read {
	font-size: 85%;
	line-height: 1 !important;
	transform: skew(30deg);
}
/*slashTitleEN*/

.underTitle {
	font-size: 150%;
	margin-bottom:2em;
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
}
.underTitle::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #3498db;
}
/*underTitle*/

.BorderTitle {
	font-size: 150%;
	margin-bottom:2em;
	overflow: hidden;
	text-align: center;
}
.BorderTitle span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
.BorderTitle span::before, .BorderTitle span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #ccc;
}
.BorderTitle span::before {
	right: 100%;
}
.BorderTitle span::after {
	left: 100%;
}
/*BorderTitle*/
.fadeBorderTitle {
	font-size: 150%;
	margin-bottom:2em;
	position: relative;
	text-align: center;
}
.fadeBorderTitle span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 4em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.fadeBorderTitle::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}
/*fadeBorderTitle*/
.baloonTitle {
	font-size: 150%;
	margin-bottom:2em;
	position: relative;
	padding: .5em .75em;
	background-color: #f0f0f0;
	border-radius: 6px;
}
.baloonTitle::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}
.baloonTitle.upPoint::after {
	top: -25px;
    transform: rotate(-180deg);
}

/*baloonTitle*/
.baloonTitleBorder {
	font-size: 150%;
	margin-bottom:2em;
	position: relative;
	padding: .5em .75em;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.baloonTitleBorder::before, .baloonTitleBorder::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
.baloonTitleBorder::before {
	border-top: 15px solid #ccc;
}
.baloonTitleBorder::after {
	margin-top: -2px;
	border-top: 15px solid #fff;
}
.baloonTitleBorder.upPoint::before {
	top: -26px;
    transform: rotate(-180deg);
}
.baloonTitleBorder.upPoint::after {
	top: -23px;
    transform: rotate(-180deg);
}

/*baloonTitleBorder*/
.markar {
	font-size: 150%;
	margin-bottom:2em;
	position: relative;
	z-index: 2;
	padding: 0 .4em .1em;
}
.markar::after {
	position: absolute;
	bottom: 5%;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 15px;
	background-color: #b6f0fc;
}
/*markar*/

.dogBox {
	position: relative;
	padding: 2em;
	background-color: #f6f6f6;
	margin-bottom:2em;
}
.dogBox::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fff #fff #ddd #ddd;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}
/*dogBox*/

.centerLeft_P{
	text-align:center;
	margin-bottom:2em;
}
/*centerLeft_P*/
.txt_LL ,.txt_L ,.txt_M ,.txt_S{
	color:#002665;
	margin-bottom:2em;
}
.txt_LL{
	font-size:182%;
}
.txt_L{
	font-size:153.9%;
}
.txt_M{
	font-size:138.5%;
}
.txt_S{
	font-size:123.1%;
}
/*.txt_LL ,.txt_L ,.txt_M ,.txt_S*/

.baseTitle1 {
	margin-bottom:6em;
}
.baseTitle2 ,.baseTitle3 ,.baseTitle4 ,.baseTitle5{
	margin-bottom:2em;
}
.baseTitle1 .inr ,.baseTitle1 .inr2 ,.baseTitle2 .inr3 ,.baseTitle2 .inr ,.baseTitle3 .inr ,.baseTitle4 .inr ,.baseTitle5 .inr ,.baseTitle6 .inr2{
	display:inline-block;
	padding: 0.3em 3em;
	width:100%;
}
.baseTitle1 .inr3 {
	display:inline-block;
	padding: 0.3em 0.5em 0.3em 1em;
	margin-left:0.5em;
	width:100%;
	color: #fff;
	background: #ccc;
	font-size: 130%;
	width:auto;
}
.baseTitle1 .inr3 a img {
}
.baseTitle1 .inr3 a:link {
	color: #fff;
}
.baseTitle1 {
	text-align:center;
	width:auto;
}
.baseTitle6 {
	text-align:right;
	width:auto;
}
.baseTitle1 .inr{
	color: #fff;
	background: #002665;
	font-size: 150%;
	width:auto;
}
.baseTitle2 .inr3{
	color: #2F4F9E;
	border-bottom:2px solid #ddd;
	font-size: 160%;
	padding: 0.3em 0em;
	margin-bottom:2.5em;
}
.baseTitle1 .inr2{
	color: #fff;
	background: #002665;
	font-size: 120%;
	width:auto;
}
.baseTitle6 .inr2{
	color: #fff;
	background: #555;
	font-size: 100%;
	width:auto;
	margin-right:-3em;
	margin-top:80vh;
	position: relative;
}
.baseTitle1.blueLine .inr{
	border:2px solid #002665;
	color: #002665;
	background: transparent !important;
}
.baseTitle1.water .inr{
	color: #002665;
	background:#ebeef6;
}

.baseTitle2 .inr {
	color: #2F4F9E;
	border-bottom:2px solid #2F4F9E;
	font-size: 150%;
	padding: 0.3em 0em;
}
.baseTitle3 .inr {
	color: #454545;
	border-bottom:1px solid #ccc;
	font-size: 130%;
	padding: 0.3em 0em;
}
.baseTitle4 .inr {
	color: #555;
	background: rgba(0,0,0,0.0);
	border: 1px solid rgba(0,0,0,0.25);
	font-size: 120%;
}
.baseTitle5 .inr {
	color: #555;
	background: rgba(0,0,0,0.00);
	border-bottom: 3px double rgba(0,0,0,0.60);
	font-size: 110%;
}
/*.baseTitle1 ,.baseTitle2 ,.baseTitle3 ,.baseTitle4 ,.baseTitle5*/

.pointBox {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin-bottom:2em;
    padding: 2em;
    position: relative;
}
.pointBox::before {
    background-color: #fff;
    color: #da4033;
    content: "POINT";
    font-weight: bold;
	font-size:116%;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}
/*pointBox*/

@media screen and (max-width: 850px) {
.baseTitle1 ,.baseTitle2 ,.baseTitle3 ,.baseTitle4 ,.baseTitle5{
	width:100%;
}
.baseTitle1 .inr ,.baseTitle1 .inr2 ,.baseTitle1 .inr3 ,.baseTitle2 .inr3 ,.baseTitle2 .inr ,.baseTitle3 .inr ,.baseTitle4 .inr ,.baseTitle5 .inr{
	display:inline-block;
	padding: 0.3em 0.5em;
	width:100%;
}

.secTitle .btn{
		margin:30px auto;
		position:static;
	}
.dogBox {
	padding: 1em;
}
/*dogBox*/

.txt_LL{
	font-size:131%;
}
.txt_L{
	font-size:123.1%;
}
.txt_M{
	font-size:116%;
}
.txt_S{
	font-size:108%;
}
/*.txt_LL ,.txt_L ,.txt_M ,.txt_S*/

.centerLeft_P{
	text-align:left;
}
/*centerLeft_P*/


.baseTitle1 {
	margin-bottom:4em;
}
.baseTitle1 .inr,
.baseTitle1 .inr3,
.baseTitle2 .inr3{
	font-size: 140%;
}
.baseTitle1 .inr2{
	font-size: 120%;
}
}










/*----------------------------------------------------
	******BOX SETTING******
----------------------------------------------------*/
.spaceBox{
	position:relative;
	padding-bottom:5em;

}
.spaceBox:after{
	background:rgba(23,31,97,0.50);
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:50%;
	height:8em;

}
/*spaceBox*/
.box5-5 img ,.box6-3 img ,.box6-4 img ,.box4-6 img ,.box3-7 img ,.box7-3 img ,.box7-2 img ,.box3-3-3 img ,.box4-4-4-4 img{
	height:auto;
	max-width:100%;
}
.box5-5 ,.box6-3 ,.box6-4 ,.box4-6 ,.box3-7 ,.box7-3 ,.box3-3-3 ,.box4-4-4-4{
	overflow:hidden;
	width:100%;
}
.box5-5 > .lBox ,.box6-3 > .lBox ,.box6-4 > .lBox ,.box4-6 > .lBox ,.box3-7 > .lBox ,.box7-3 > .lBox ,.box7-2 > .lBox{
	float: left;
	margin-bottom:2em;
}
.box5-5 > .rBox ,.box6-3 > .rBox ,.box6-4 > .rBox ,.box4-6 > .rBox ,.box3-7 > .rBox ,.box7-3 > .rBoxx ,.box7-2 > .rBox{
	float: right;
	margin-bottom:2em;
}

.box5-5 > .lBox {
	width: 48%;
}
.box5-5 > .rBox {
	width: 48%;
}
/*box5-5*/
.box6-3 > .lBox {
	width: 60%;
}
.box6-3 > .rBox {
	width: 30%;
}
/*box6-3*/
.box6-4 > .lBox {
	width: 60%;
}
.box6-4 > .rBox {
	width: 38%;
}
/*box6-4*/
.box4-6 > .lBox {
	width: 38%;
}
.box4-6 > .rBox {
	width: 60%;
}
/*box4-6*/
.box3-7 > .lBox {
	width: 30%;
}
.box3-7 > .rBox {
	width: 68%;
}
/*.box3-7*/
.box7-3 > .lBox {
	width: 68%;
}
.box7-3 > .rBox {
	width: 30%;
}
/*.box2-7*/
.box7-2 > .lBox {
	width: 68%;
}
.box7-2 > .rBox {
	width: 23%;
}
/*.box3-7*/
.box3-3-3 > ul {
	margin-left: -3.3%;
	margin-bottom:1em;
	overflow: hidden;
}
.box3-3-3 > ul > li {
	margin: 1em 0 1em 3.3%;
	float: left;
	width: 30%;
}
/*box3-3-3*/

.box4-4-4-4 > ul {
	margin-left: -4%;
	margin-bottom:1em;
	overflow: hidden;
}
.box4-4-4-4 > ul > li {
	margin: 1em 0 1em 4%;
	float: left;
	width: 21%;
}
/*box4-4-4-4*/

.fadeBlcok{
	opacity:0;
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out; /* firefox */
	-webkit-transition: all 0.5s ease-out; /* chrome, safari */
	-ms-transition: all 0.5s ease-out; /* ie */
}
.fadeBlcokOn{
	opacity:1;
}
/*fadeBlcok*/

.strongUnder{
	background: linear-gradient(transparent 60%, #ffff66 40%);
}
/*strongUnder*/

.box1500-85-90 ,.box1250-85-90  ,.box1000-85-90 ,.box750-85-90 ,.box1500-100-90 ,.box1250-100-90 ,.box1000-100-90 ,.box750-100-90{
	margin: 0 auto 2em;
}
.box1500-85-90 {
	width: 85%;
}
.box1250-85-90 {
	width: 85%;
}
.box1000-85-90 {
	width: 85%;
}
.box750-85-90 {
	width: 85%;
}
.box1500-100-90 {
	width: 100%;
}
.box1250-100-90 {
	width: 100%;
}
.box1000-100-90 {
	width: 100%;
}
.box750-100-90 {
	width: 100%;
}
.max1500 {
	max-width: 1500px;
}
.max1250 {
	max-width: 1250px;
}
.max1000 {
	max-width: 1000px;
}
.max750 {
	max-width: 750px;
}
.max500 {
	max-width: 500px;
}
@media screen and (max-width: 1500px) {
.box1500-100-90 {
	width: 90%;
}
.box1500-85-90 {
	width: 90%;
}
}

@media screen and (max-width: 1250px) {
.box1250-100-90 {
	width: 90%;
}
.box1250-85-90 {
	width: 90%;
}
}

@media screen and (max-width: 1000px) {
.box1000-100-90 {
	width: 90%;
}
.box1000-85-90 {
	width: 90%;
}
.box4-4-4-4 > ul > li {
	width: 29%;
}
/*box4-4-4-4*/
}
@media screen and (max-width: 850px) {
	
.box5-5 > .lBox ,.box6-3 > .lBox ,.box6-4 > .lBox ,.box4-6 > .lBox ,.box3-7 > .lBox ,.box7-3 > .lBox ,.box7-2 > .lBox , .box5-5 > .rBox ,.box6-3 > .rBox ,.box6-4 > .rBox ,.box4-6 > .rBox ,.box3-7 > .rBox ,.box7-3 > .rBox ,.box7-2 > .rBox{
	float: none;
	width:100%;
}

.box3-3-3 > ul {
	margin-left: -2%;
}
.box3-3-3 > ul > li {
	margin: 1em 0 1em 2%;
	width: 48%;
}
/*box3-3-3*/

.box4-4-4-4 > ul {
	margin-left: -2%;
	width: 100%;
}
.box4-4-4-4 > ul >	 li {
	margin: 1em 0 1em 2%;
	float: left;
	width: 48%;
}
/*box4-4-4-4*/

.box750-100-90 {
	width: 90%;
}
.box750-85-90 {
	width: 90%;
}
}
















/*----------------------------------------------------
	******HOVER BLOCK******
----------------------------------------------------*/

.hoverBlock {
	background:#000;
	display:block;
	position:relative;
	padding-top:60%;
	overflow:hidden;
	margin-bottom:1em;
}
.hoverBlock.li01:before{
	background-image: url(../cmn_img/testRICH_01.png);
}
.hoverBlock:before{
	content:"";
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out; /* firefox */
	-webkit-transition: all 0.5s ease-out; /* chrome, safari */
	-ms-transition: all 0.5s ease-out; /* ie */
}
.hoverBlock .centerTXT{
	display:block;
	color:#fff;
	position:absolute;
	padding:1em 0;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width:70%;
	text-align:center;
	line-height:1.4;
}
 .hoverBlock .centerTXT.effect_01:after{
	display:block;
	content:"";
	position:absolute;
	z-index:-1;
	width:100%;
	height:1px;
	background:#fff;
	opacity:0;
	top:0px;
	left:-100%;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out; /* firefox */
	-webkit-transition: all 0.3s ease-out; /* chrome, safari */
	-ms-transition: all 0.3s ease-out; /* ie */
}
.hoverBlock .centerTXT.effect_01:before{
	display:block;
	content:"";
	position:absolute;
	z-index:-1;
	width:100%;
	height:1px;
	background:#fff;
	opacity:0;
	bottom:0px;
	right:-100%;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out; /* firefox */
	-webkit-transition: all 0.3s ease-out; /* chrome, safari */
	-ms-transition: all 0.3s ease-out; /* ie */
}
a:hover .hoverBlock .centerTXT.effect_01:after{
	left:0;
	opacity:0.7;
}
a:hover .hoverBlock .centerTXT.effect_01:before{
	right:0;
	opacity:0.7;
}
/*effect_01*/

.hoverBlock.effect_02:after{
	background:#0F7BB9;
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:0%;
	opacity:0;
	height:12px;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out; /* firefox */
	-webkit-transition: all 0.3s ease-out; /* chrome, safari */
	-ms-transition: all 0.3s ease-out; /* ie */
}
a:hover .hoverBlock.effect_02:after{
	width:100%;
	opacity:0.75;
}
/*effect_02*/
a:hover .hoverBlock:before{
	transform:scale(1.05,1.05) ;
	opacity:0.75;
	transition: all 1s ease-out;
	-moz-transition: all 1s ease-out; /* firefox */
	-webkit-transition: all 1s ease-out; /* chrome, safari */
	-ms-transition: all 1s ease-out; /* ie */
}
/*hoverBlock*/











/*----------------------------------------------------
	******BTN******
----------------------------------------------------*/
.btnBox {
	text-align: center;
	margin-bottom:0;

}
.btnBox a {
	color: #fff !important;
	display: inline-block;
	margin: 1em 1.5em;
	padding: 0.5em 3em;
	text-align: center;
	background: #c7c7c7;
}
.btnBox a:hover {
	color: #ccc !important;
	background: #707070;
}
.btnBox button ,.btnBox input  {
	color: #fff !important;
	font-size:123.1%;
	display: inline-block;
	margin: 1em 1.5em;
	padding: 1em 2em;
	text-align: center;
	background: #ccc;
	border: none;
	border-radius:3px;
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out; /* firefox */
	-webkit-transition: all 0.5s ease-out; /* chrome, safari */
	-ms-transition: all 0.5s ease-out; /* ie */
}
.btnBox .conf , .btnBox .submit{
	background:#009ca6;
}
.btnBox .reset , .btnBox .back{
	background:#003678;
}
.btnBox .conf:hover , .btnBox .submit:hover{
	cursor:pointer;
	background:#00bbc7;
}
.btnBox .reset:hover , .btnBox .back:hover{
	cursor:pointer;
	background:#005ccd;
}












/*----------------------------------------------------
	******LINK******
----------------------------------------------------*/
.navLinks ul {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding:3em 0;
}
.navLinks2 ul {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding:1.5em 0 1em 0;
}
.navLinks .titleJp_Eg .titleJp ,.navLinks .titleEg_Jp .titleEg,
.navLinks2 .titleJp_Eg .titleJp ,.navLinks2 .titleEg_Jp .titleEg{
	font-size:130% !important;
}
.navLinks .titleJp_Eg .titleEg ,.navLinks .titleEg_Jp .titleJp,
.navLinks2 .titleJp_Eg .titleEg ,.navLinks2 .titleEg_Jp .titleJp{
	font-size:85% !important;
	opacity:0.6;
}

.navLinks ul li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 11%;
	margin: 1em 0.5%;
}
.navLinks2 ul li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 9.5%;
	margin: 1em 0.5%;
}
.navLinks ul li a,
.navLinks2 ul li a {
	color:#002665;
	display: block;
	text-align: center;
}
.navLinks ul li a span,
.navLinks2 ul li a span {
	display:block;
	text-align: center;
}
.navLinks ul li a .imgSpan,
.navLinks2 ul li a .imgSpan {
	margin-bottom: 0.5em;
	width: 100%;
	border-radius: 1000px;
	overflow:hidden;
	position:relative;
	padding-top:100%;
}
.navLinks ul li a .imgSpan span,
.navLinks2 ul li a .imgSpan span {
	opacity:0.65;
	position:absolute;
	top:0;
	left:0;
	transform: scale(1,1);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 1000px;
	height: 0px;
	overflow:hidden;
	width: 100%;
	padding-top: 100%;
	vertical-align:bottom;
	
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}
.navLinks ul li a:hover .imgSpan span ,.navLinks ul li a .imgSpan span.cr,
.navLinks2 ul li a:hover .imgSpan span ,.navLinks2 ul li a .imgSpan span.cr {
	opacity:1;
}
.navLinks ul li a:hover .imgSpan span,
.navLinks2 ul li a:hover .imgSpan span{
	transform:scale(1.08,1.08);
}
.navLinks ul li a .txtSpan {
	font-size: 85%;
}
.navLinks2 ul li a .txtSpan {
	font-size: 85%;
	line-height:1.2em;
	letter-spacing:-0.05em;
}
/*navLinks*/

#bread {
	font-size: 77%;
	padding: 1em 2em;
	text-align: right;
}
#bread a {
	opacity: 0.5;
	display: inline-block;
}
#bread a:after {
	content: ">";
	display: inline-block;
	margin: 0 0.5em;
}
#bread a span {
	text-decoration: underline !important;
}
/*bread*/
@media screen and (max-width: 850px) {
.navLinks ul,
.navLinks2 ul{
	margin:0 auto;
	width:90%;
}
.navLinks ul li,
.navLinks2 ul li {
	float:left;
	width: 50%;
	margin: 0.5em 0%;
	padding-right:1%;
 }
.navLinks ul li a,
.navLinks2 ul li a {
	display: block;
	text-align: left !important;
}
.navLinks ul li a .imgSpan,
.navLinks2 ul li a .imgSpan {
	float:left;
	width: 25%;
	padding-top:25%;
}
.navLinks ul li a .txtSpan,
.navLinks2 ul li a .txtSpan {
	padding-left:2%;
	text-align:left !important;
	float:right;
	width: 75%;
	margin-top:5%;
	font-size: 100%;
}
.navLinks ul li a .txtSpan span,
.navLinks2 ul li a .txtSpan span{
	text-align:left !important;
}
/*navLinks*/
#bread {
	display: none;
}
/*bread*/
}











/*----------------------------------------------------
	******INDENT******
----------------------------------------------------*/
.fLeft {
	float: left !important;
}
.fRight {
	float: right !important;
}
.center {
	text-align: center!important;
}
.left {
	text-align: left!important;
}
.right {
	text-align: right!important;
}
.btm0{
	margin-bottom: 0 !important;
}
.btm0_1em {
	margin-bottom: 0.1em !important;
}
.btm0_2em {
	margin-bottom: 0.2em !important;
}
.btm0_3em {
	margin-bottom: 0.3em !important;
}
.btm0_4em {
	margin-bottom: 0.4em !important;
}
.btm0_5em {
	margin-bottom: 0.5em !important;
}
.btm1_0em {
	margin-bottom: 1.0em !important;
}
.btm1_5em {
	margin-bottom: 1.5em !important;
}
.btm2_0em {
	margin-bottom: 2.0em !important;
}
.btm2_5em {
	margin-bottom: 2.5em !important;
}
.btm3_0em {
	margin-bottom: 3.0em !important;
}
.btm3_5em {
	margin-bottom: 3.5em !important;
}
.btm4_0em {
	margin-bottom: 4.0em !important;
}
.btm4_5em {
	margin-bottom: 4.5em !important;
}
.btm5_0em {
	margin-bottom: 5.0em !important;
}
.pT0 {
	padding-top: 0!important;
}
.pL0 {
	padding-left: 0!important;
}
.pR0 {
	padding-right: 0!important;
}
.pB0 {
	padding-bottom: 0!important;
}















/*----------------------------------------------------
	******FONT******
----------------------------------------------------*/
.red {
	color: #c40000 !important;
}
.kon {
	color: rgba(0,87,164,1.00) !important;
}
.kon2 {
	color: #0e296c !important;
}
.purple {
	color: #9455B4 !important;
}
.blue {
	color: #25479e !important;
}
.yellow {
	color: #FC0 !important;
}
.green {
	color: #090 !important;
}
.gray {
	color: #aaa !important;
}
.gray2 {
	color: #777 !important;
}
.white {
	color: #fff !important;
}
.bold {
	font-weight: bold !important;
}
.normal {
	font-weight: normal !important;
}
.vAT {
	vertical-align: top!important;
}
.vAM {
	vertical-align: middle!important;
}
.vAB {
	vertical-align: bottom!important;
}







/*----------------------------------------------------
	******LINE******
----------------------------------------------------*/
.line_gray {border: solid 1px #aaa;}






/*----------------------------------------------------
	******MARGIN******
----------------------------------------------------*/
.mb_1 {	margin-bottom:1px; }
.mb_2 {	margin-bottom:2px; }
.mb_3 {	margin-bottom:3px; }
.mb_4 {	margin-bottom:4px; }
.mb_5 { margin-bottom:5px; }
.mb_7 { margin-bottom:7px; }
.mb_8 { margin-bottom:8px; }
.mb_10 { margin-bottom:10px; }
.mb_11 { margin-bottom:11px; }
.mb_12 { margin-bottom:12px; }
.mb_15 { margin-bottom:15px; }
.mb_20 { margin-bottom:20px; }
.mb_25 { margin-bottom:25px; }
.mb_30 { margin-bottom:30px; }
.mb_35 { margin-bottom:35px; }
.mb_40 { margin-bottom:40px; }
.mb_45 { margin-bottom:45px; }
.mb_50 { margin-bottom:50px; }
.mb_60 { margin-bottom:60px; }
.mb_70 { margin-bottom:70px; }
.mb_80 { margin-bottom:80px; }
.mb_90 { margin-bottom:90px; }
.mb_100{ margin-bottom:100px; }
.mb_110{ margin-bottom:110px; }
.mb_120{ margin-bottom:120px; }
.mb_130{ margin-bottom:130px; }
.mb_140{ margin-bottom:140px; }
.mb_150{ margin-bottom:150px; }
.mb_150{ margin-bottom:150px; }
.mb_160{ margin-bottom:160px; }
.mb_170{ margin-bottom:170px; }
.mb_180{ margin-bottom:180px; }
.mb_190{ margin-bottom:190px; }
.mb_200{ margin-bottom:200px; }
.mb_300{ margin-bottom:300px; }
.mb_400{ margin-bottom:400px; }

.mb_m_10 { margin-bottom:-10px; }

.mt_10 { margin-top:10px; }
.mt_m10 { margin-top:-10px; }


.ml_5{ margin-left:5%; }

.ml_15{ margin-left:15px; }
.ml_16{ margin-left:16px; }
.ml_30{ margin-left:30px; }

.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    line-height: 0;
	width:0;
	overflow:hidden;
	display:block;
    font-size: 1px;
	visibility:hidden;
}
* html .clearfloat             { zoom: 1; } /* IE6 */
*:first-child+html .clearfloat { zoom: 1; } /* IE7 */