@charset "utf-8";

/*//////////// 基本サイズ16px  ////////////
表示サイズ　指定する値
10px　63%
11px　69%
12px　75%
13px　82%
14px　88%
15px　94%			29px　181%
16px　100%		30px　187%
17px　107%		31px　193%
18px　113%		32px　200%
19px　119%		33px　206%
20px　125%		34px　212%
21px　132%		35px　218%
22px　138%		36px　224%
23px　144%		37px　230%
24px　150%		38px　236%
25px　157%		39px　242%
26px　163%		40px　248%
27px　169%		41px　254%
28px　175%		42px　260%
//////////////////////////////*/

/*************************************************"
			default
*************************************************/
body {margin: 0px;padding: 0px;font-size:18px;color:#000;position: relative;height: 100%;background-color:#fff;letter-spacing:0.04em;
			text-size-adjust: none;
			-webkit-text-size-adjust: none;/*iphoneの文字サイズの自動調整解除*/
			-webkit-font-smoothing: antialiased;	/*OSXでのフォントのレンダリング方法を調整*/
			/*Macでは普通の游ゴシックが適用され、Windowsでは「 游ゴシック Medium」になる--- "游ゴシック Medium", "Yu Gothic Medium", */
		font-family: Roboto, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "メイリオ", sans-serif;
			-webkit-font-feature-settings: 'palt' 1;	/*fontの自動カーニング*/
			font-feature-settings: 'palt' 1;}

@media all and (-ms-high-contrast:none) {
body{font-family: "メイリオ", Meiryo, sans-serif !important;}		/*IE11でline-heightがずれるための処置*/
}


/*
@font-face {
	font-display:swap;	フォントが利用可能となるまでの間、そのフォントが適用されているテキストには代替フォントが適用
	font-family: "centurygothic";
	src: url("../webfont/centurygothic.woff") format('woff');
}
*/

/* Google Fonts をWeb Font Loadeスクリプトで非同期で読み込む--Noto Serif JPの、light300、Medium 500
/*font-family: 'Cinzel', serif;
.minfont400{font-family:'Noto Serif JP', serif;font-weight:400;}
.minfont500{font-family:'Noto Serif JP', serif;font-weight:500;}
*/

a         {color: #f80051;text-decoration:underline;transition: 0.8s;}/*hover ゆっくり変わる*/
a:link    {color: #f80051;text-decoration:underline;}
a:visited {color: #f80051;text-decoration:underline;}
a:active  {color: #f80051;text-decoration: underline;}
a:hover   {color: #ff6600;text-decoration: underline;}

h1,h2,h3,h4,h5,p,ol,ul,li,span,dl,dt,dd {margin:0;padding:0;font-weight:normal;}
	
img {border:none;margin:0;padding:0;vertical-align:middle;}
a:hover img {opacity: 0.7;transition: 0.3s ease-in-out;}

ul {margin:0px;padding:0px;list-style:none none outside;}
ol{margin:0;padding:0;}

p.clear		{clear:both;line-height:0px;display:block;}
div.clear {clear:both;}

hr{ border:none;border-top:1px solid #ccc;height:1px;}
/*hr{background:url(../img/hr_bg.png) repeat-x 0 0;height:10px;border: 0;}*/

.dotline{border-top: 1px dotted #aaa;line-height: 1px;height: 1px;}
.solidline{border-top: 1px solid #bbb;line-height: 1px;height: 1px;}

.strong{font-weight:bold;}

table{border-collapse: collapse;}


/*padding や border-width がwidth内に収まる*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



/*clearfix--------------------*/
.cf:before,
.cf:after {content: " ";display: table;} 
.cf:after {clear: both;} 
.cf{*zoom: 1;}


/*---電話番号用---768px以上の解像度だけpointer-eventsを無効にして、PCのときはTELクリックの反応なし---*/
@media screen and (min-width: 768px) {	
	a[href^="tel:"] {pointer-events: none;}
}


/*----トップローディング ---------------------*/
#loader {position: fixed;z-index:900;top: 0;text-align: center;width: 100%;height: 100%;background:#fdf5f8;}
#load-text {position: absolute;font-size:11px;color: #777;text-align: center;width: 100%;top:41%;padding-top: 87px;height:0;display: block;
						background:url(../img/loading.png) no-repeat center bottom 7px,url(../js/loading.svg) no-repeat center top;}



/* ページの各セクション-------------------*/
.section{padding:80px 0 80px 0;}
.section-end{padding:60px 0 0 0;}



/*全ページ共通のテーブル構造　-------------------*/
#wrapper{position: relative;z-index:10;width:100%;}
#main{overflow:hidden;}
.container {width:1200px;margin:0 auto;padding:0;line-height:1.8;}



/*ページ上部右の出てくるナビmenu---*/
#menubtn{display:none;}
#navi_sp{display:none;}


/*lozad.jによるアニメーション------*/
.fadein-			{opacity: 0;transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-left	{opacity: 0;transform: translate3d(-300px, 0, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-right	{opacity: 0;transform: translate3d(300px, 0, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-up		{opacity: 0;transform: translate3d(0, 100px, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
/*big画像用*/
.transition-delay{transition-delay: 0.3s;}
.transition-delay2{transition-delay: 0.6s;}
.transition-delay3{transition-delay: 0.9s;}
*[data-loaded="true"]{opacity: 1;transform: none;}




/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のheader
///////////////////////////////////////////////////////////////////////////////*/
#header{position:fixed;top: 0;z-index:50;width:100%;transition: 0.5s;height:75px;border-bottom:1px solid rgba(255,255,255,0);}
/* 縮小時のheader*/
#header.smaller{background-color:rgba(255,255,255,0.9);border-bottom:1px solid #eaccd6;transition: 0.8s;}
#header.smaller dl.header-rogo{top:10px;}
#header.smaller ul.headermenu-ul{background-color:transparent;}

#header-box{position: relative;}

dl.header-rogo{position:absolute;top:-80px;max-width: 1200px;right:0;left:0;margin:0 auto;transition: 0.8s;}
dl.header-rogo dt{float:left;width:45px;}
dl.header-rogo dd{float:left;width:220px;text-align:center;}
dl.header-rogo dd .rogo-cap{font-size:10px;line-height:1;color:#000;}
dl.header-rogo dd .rogo{margin-top: 5px;}
dl.header-rogo dd .rogo img{/*! opacity:0.8; */}
dl.header-rogo a{text-decoration: none;}
dl.header-rogo a:hover{opacity:0.6;}


/* ==================== 全ページ共通の横メニュー ==================== */
#header-right{float:right;margin:13px 15px 0 0;}
ul.headermenu-ul{position:relative;background-color:rgba(255,255,255,0.8);}
ul.headermenu-ul li{float:left;font-size:17.5px;line-height: 1;font-family:'Noto Serif JP', serif;font-weight:500;}
ul.headermenu-ul li a{color:#000;line-height:1;text-decoration:none;display: block;transition: 0.8s;padding: 18px 18px;transition: 0.4s;}
ul.headermenu-ul li:first-child a{padding: 18px 18px 18px 30px;}
ul.headermenu-ul li:last-child a{padding: 18px 30px 18px 18px;}
ul.headermenu-ul li a:hover{color: #d9044a;background-color:#ffe0e5;padding-top:16px;padding-bottom:20px;}



/*TOPページのカレント表示用----------------*/
body.home ul#yoko-menu li.yokomenu1 a,
/*お知らせ*/
body.news-list ul#yoko-menu li.yokomenu2 a,
/* */
body.company ul#yoko-menu li.yokomenu3 a,
/* */
body.cs ul#yoko-menu li.yokomenu4 a,
body.training ul#yoko-menu li.yokomenu4 a,
body.e-larning ul#yoko-menu li.yokomenu4 a,
body.consult ul#yoko-menu li.yokomenu4 a,
/* */
body.manners ul#yoko-menu li.yokomenu5 a,
/* */
body.blog ul#yoko-menu li.yokomenu6 a,
/*組織概要*/
body.toiawase ul#yoko-menu li.yokomenu7 a{background-color:#2986da;border-radius: 8px;}




/*///////////////////////////////////////////////////////////////////////////////
 main
///////////////////////////////////////////////////////////////////////////////*/

h2{text-align:center;margin-bottom: 50px;}
h2 .midashi{font-size:220%;line-height:0.9;color:#770700;font-family: 'Cinzel', serif;}
h2 .midashi small{font-size:80%;}
h2 .midashi:first-letter{color:#f80051;}
h2 .com{position: relative;color:#f81300;line-height:1;font-family:'Noto Serif JP', serif;font-weight:500;font-size:76%;letter-spacing: 0.5em;display: inline-block;text-indent: 0.5em;
				background:url(../img/crown.png) no-repeat center bottom;height: 65px;background-size: 86px;}
h2 .com:before{position: absolute;top: -5px;left: -210px;content: url(../img/h2_left.png);display: inline-block;}
h2 .com:after{position: absolute;top: -5px;right: -210px;content: url(../img/h2_right.png);}


				
/*色*/
.color1{color:#2959a5;}/*基本色 ブルー*/
.color-red{color:#ff0000;}
.color2{color:#cc3333;}/*注意色*/


/*動画-----------*/
/*サーバー内埋め込み*/
#index-movie-box{max-width:780px;margin:0 auto 50px auto;}
.index-movie{position: relative;width:100%;height: 0;padding-bottom:56.3%;}/*padding-bottom:56.3%;padding-bottom:48.2%;*/
.index-movie video {position: absolute;top: 0;left: 0;width: 100% !important;height: auto !important;}

/*facebook動画のiframe埋め込み*/
.video-container{position: relative;text-align: center;max-width:780px;margin:0 auto 50px auto;}

/*iframe地図*/
#wrapper iframe{width: 100%;}


/*全ページ共通のSNSボタン----------------このサイトでは未使用
#sns-box{margin-top:10px;text-align:center;}
#sns-box ul{margin:0 !important;padding:0;}
#sns-box ul li{display:inline-block;margin: 0 4px;width: 25px;height: 25px;padding:0 !important;}
#sns-box ul li a img{width:100%;height:100%;}
#sns-box ul li a:hover,
#sns-box ul li a:active{opacity:0.6;}
*/




/*全ページ共通のページ下部の上部へ戻る */
#pagetop {position:relative;width:100%;margin:0 auto;z-index:500;}
#pagetop a {position: fixed;bottom:20px;right:20px;display: block;background:url(../img/pagetop.png) no-repeat 0px top;background-size:contain;width:75px;height:75px;text-indent:-8989px;display:block;overflow:hidden;opacity:0.7;}
#pagetop a:hover {opacity:1;}



/*このボタンは、中ページ全ページで使用*/
.naka-kuwashii{text-align:center;line-height:1.1;margin-top:20px;}
.naka-kuwashii a{position: relative;z-index: 2;min-width: 340px;display: table-cell;height: 50px;vertical-align: middle;color: #fff;text-decoration: none;font-family: 'Noto Serif JP', serif;font-weight: 400;width: inherit;text-align: center;font-size: 93%;letter-spacing: 0.2em;background: #6f0024 url(../img/arrow_white4-7.png) no-repeat left 20px center;}
.naka-kuwashii a::before,
.naka-kuwashii a::after {position: absolute;z-index: -1;display: block;content: '';}
.naka-kuwashii,
.naka-kuwashii a::before,
.naka-kuwashii a::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.naka-kuwashii a:hover{	background-color:#f36d93;border-color:#f36d93;color:#fff;}
.naka-kuwashii a::before,
.naka-kuwashii a::after {top: 0;width: 50%;height: 100%;}
.naka-kuwashii a::before {right: 0;}
.naka-kuwashii a::after {left: 0;}
.naka-kuwashii a:hover::before,
.naka-kuwashii a:focus::before,
.naka-kuwashii a:hover::after,
.naka-kuwashii a:focus::after {width: 0;background-color:#f36d93;}




/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のフッター
///////////////////////////////////////////////////////////////////////////////*/
#footer{width:100%;background-color:#e3dbce;color:#2d0100;padding:25px 0 0 0;}
#footer .container{/*! padding: 0 3%; */}

ul.footer-menu-ul{text-align: center;margin-bottom: 20px;}
ul.footer-menu-ul li{margin:0 3% 15px 2%;font-size:93%;line-height:1.5;display: inline-block;font-family: 'Noto Serif JP', serif;font-weight: 500;}
ul.footer-menu-ul li a{color:#2d0100;text-decoration: none;}
ul.footer-menu-ul li a:hover{color: #729ADC;text-decoration: underline;}

.footer-left{float:left;width:31%;margin-left: 5%;}
.footer-right{float:right;width:56%;position: relative;margin-right: 8%;}


.footer-left dl.header-rogo{position:unset;transition: 0.8s;}
.footer-left dl.header-rogo dt{float:left;width:56px;}
.footer-left dl.header-rogo dd{float:left;width:265px;text-align:center;}

.footer-left dl.header-rogo dt .rogomark img{width:100%;height:auto;}

.footer-left dl.header-rogo dd .rogo-cap{font-size:13px;line-height:1;color:#000;}
.footer-left dl.header-rogo dd .rogo{margin-top: 5px;}
.footer-left dl.header-rogo dd .rogo img{width:100%;height:auto;}
.footer-left dl.header-rogo a{text-decoration: none;}
.footer-left dl.header-rogo a:hover{opacity:0.6;}

.foot-insta{float:left;width: 12%;margin-top: 10px;}
.foot-insta a{width:39px;height:39px;background-color:#2f0300;background-size:cover;border-radius:7px;display: block;transition: unset;}
.foot-insta a:hover{background-color: transparent;background-image: url(../img/instagram_bg.png);}
.foot-insta img{width:100%;height:auto;}
.foot-insta a:hover img{opacity:1;}

.foot-zip-box{float: left;margin-top: -10px;}
.foot-zip{font-size: 93%;letter-spacing: 0;line-height: 1.3;}
.foot-tel{line-height: 1;margin-top: 3px;}
.foot-tel a{color: #2d0100;font-family: 'Noto Serif JP', serif;font-weight: 400;text-decoration: none;font-size: 200%;line-height: 1;background: url(../img/tel.png) no-repeat left top 14px;background-size: 21px;padding-left: 23px;}
.foot-tel a:hover{}
.foot-toiawase{float: right;width: 33%;}
.foot-toiawase a{display: table-cell;height: 60px;vertical-align: middle;color: #fff;text-decoration: none;font-family: 'Noto Serif JP', serif;font-weight: 400;width: inherit;text-align: center;font-size: 93%;letter-spacing: 0.2em;background: #6f0024 url(../img/arrow_white4-7.png) no-repeat left 20px center;}
.foot-toiawase a:hover{opacity:0.6;}


.copyright{font-size:70%;line-height:1;text-align:center;border-top:1px solid #f52c6a;padding:20px 0;margin-top: 20px;}




/*印刷しない--------------------*/
@media print {
#pagetop,
#pagetop a{display:none;}
.yokomenu-bg,
#header{position: absolute !important;}

.fadein-,
.fadein-left,
.fadein-right,
.fadein-up{opacity: 1;transform: none !important;}
}