@charset "utf-8";
/* ------------------------------------------------------------ common */
body { color: #2f2f2f; min-width: 960px; }

.SP { display: none; }

a:link 		{ color: #5480d7; text-decoration: none; }
a:visited 	{ color: #5480d7; text-decoration: none; }
a:hover 	{ color: #efb842; }

input[type="submit"]:hover { color: #fff; text-decoration: none;
    opacity: 0.8; }

input[type="text"],
select,
textaera	{ border: 1px solid #b5b5b5; display: block;overflow: hidden;max-width: 100% !important;}
@media only screen and (max-width: 640px){
    input[type="text"],select,textaera    { width: 100%;}
}

input[type="submit"] { -webkit-appearance: button; cursor: pointer; padding: 0; border: none; }

h1 		{ font-size: 14px; width: 250px;  padding: 2px 0 0 40px; margin: 0 auto; color: #8d8d8d; }

.inner 	{ width: 950px; margin: 0 auto; }
#main .btn { text-align: center; padding: 50px 0 0; }

.gsc-input-box  { padding: 5px 0 !important; }

/* ------------------------------------------------------------ header */
#header .inner 	{ width: 950px; margin: 0 auto; padding: 15px 0;}
/* グローバルナビ: 旧 nav_*.gif（190x50, 上半分 #0085ce / 下半分 #007bbe, 区切り線 #78b8de, ホバー #3aabe4, 白太字）をテキスト + CSS で再現 */
#nav-inner { background: linear-gradient(to bottom, #0085ce 0, #0085ce 50%, #007bbe 50%, #007bbe 100%); }
#nav-inner.fixed {position: fixed;top: 0;z-index: 90;width: 100%;}
#nav { width: 950px; margin: 0 auto; }
#nav li { float: left; width: 190px; box-sizing: border-box; border-left: 1px solid #78b8de; }
#nav li:last-child { border-right: 1px solid #78b8de; } /* 右端にも区切り線を入れて左端と対にする */
#nav li a { display: block; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; white-space: nowrap; }
#nav li a:hover,
#nav li a:focus-visible { background: #3aabe4; }

#logo { width: 300px; float: left; }
#sub-menu { width: 350px; float: left; padding: 25px 0 0; text-align: right; }
#sub-menu li { display: inline-block; }
#sub-menu li a { display: inline-block; color: #363636; height: 24px; font-size: 14px; }
#sub-menu li.company a { background: url(../images/common/icn_00.gif) no-repeat; padding: 0 0 0 30px; width: 80px;}
#sub-menu li.access a { background: url(../images/common/icn_01.gif) no-repeat; padding: 0 0 0 40px; width: 70px; }
#sub-menu li.contact a { background: url(../images/common/icn_02.gif) no-repeat; padding: 0 20px 0 30px; width: 90px; }

#header .inner #contact { width: 292px; float: left; border: 3px solid #cbcbcb; padding: 1px; margin: 5px 0 0;}
#header .inner #contact h4 { background: url(../images/common/bg_00.gif) no-repeat -30px 1px; height: 14px; line-height: 120%; padding: 18px 5px 18px 10px; color: #fff; width: 75px; text-align:left; font-size: 14px;  float: left;  }
#header .inner #contact div { width: 184px; float: left; }
#header .inner #contact div .tel { font-size: 20px; font-weight: bold; background: url(../images/common/icn_03.gif) no-repeat 0 6px; padding: 3px 0 0 25px; line-height: 140%; color: #000; }

#header .inner #itaku { width: 320px; float: right; text-align: left; border: 1px solid #9e9e9e; padding: 0 5px 5px;margin-top: 20px;}
#header .inner #itaku h4 { padding: 10px 0 0 0; }
#header .inner #itaku h4 span { font-size: 14px; }
#header .inner #itaku div { padding: 5px 0 0; }

#header .inner #itaku p { font-size: 12px; }
#header .inner #itaku small { background: #007bbe; color: #fff; padding: 2px 5px; display: inline-block; font-size: 12px; line-height: 100%; margin: 0 3px 0 0;}


/* ------------------------------------------------------------ view */
#view { background: url(../images/common/bg_00.jpg) no-repeat center bottom #00020e; height: 170px; }
#view h2 { color: #0e618e; font-size: 36px; font-weight: bold; margin: 0 auto; line-height: 170px; text-align: left; padding-left: 37%;}


/* ------------------------------------------------------------ body */
#body  { background: #f8f8f8; padding: 30px 0 30px 0;}
#body #main { width: 630px; float: left; }


.content { clear:both;background: #fff; /*border: 1px solid #cbcbcb; */margin: 0 0 20px; }

.content2 { background: #fff; border: 1px solid #cbcbcb; margin: 0 0 20px; }
.content2 h3 { font-size: 18px; font-weight: bold; color: #fff; background: url(../images/common/bg_03.gif) repeat-x; height: 48px; line-height: 48px; padding: 0 0 0 20px; }
.content2 .wrap { padding: 30px; }

.content3 { float: left; width: 60%; background: #fff; border: 1px solid #cbcbcb; margin: 0 0 20px; }
.content3 h3 { font-size: 18px; font-weight: bold; color: #fff; background: url(../images/common/bg_01.gif) repeat-x; height: 48px; line-height: 48px; padding: 0 0 0 20px; }

#bread { background: #f8f8f8; font-size: 14px; }
#bread p { padding: 20px 0 0 10px; }
#bread p a 	{ color: #fff; background: #63bbe7; display: inline-block; padding: 1px 10px; margin: 0 5px; }
#bread p strong { padding: 0 5px; }

/* ------------------------------------------------------------ footer */
/*
#totop 		{ text-align: right; }
#totop a 	{ display: inline-block; color: #fff; padding: 5px 40px 5px 60px; background: none 35px 10px #fbabb7; }
*/

#foot-nav { background: #007bbe; }
#foot-nav ul li { width: 158px; float: left; padding: 15px 0; text-align: center; }
#foot-nav ul li:hover { background: #3aabe4; }
/*#foot-nav ul li.about { width: 100px; }
#foot-nav ul li.seminar { width: 140px; }
#foot-nav ul li.consultation { width: 135px; }
#foot-nav ul li.entry { width: 135px; }*/
#foot-nav ul li a { font-size: 14px; color: #fff; display: inline-block; }
#foot-nav ul li a:hover { color: #fff; }
#foot-sub-nav { /*border: solid #007bbe; border-width: 0 0 0 1px; */width: 910px; padding: 20px ; margin: 0 auto;}
#foot-sub-nav li { border: solid #007bbe; border-width: 0 1px 0 0; display: inline-block; color: #2f4468; box-sizing: border-box; }
#foot-sub-nav li a { color: #2f4468; padding: 0 10px; }
#foot-sub-nav li a:hover 	{ color: #efb842; }

#foot-company { background: #fff; width: 950px; margin: 0 auto; padding: 10px 0; margin-bottom: 20px;}
#foot-company .logo { width: 270px; text-align: center; padding: 48px 0; float: left; border-right: 1px solid #effaff;}
#foot-company .logo2 { width: 350px; text-align: center; padding: 29px 0; float: left; border-right: 1px solid #effaff;}
#foot-company .company { color: #505050; float: left; border-right: 1px solid #effaff; padding: 10px 0 0 20px;}
#foot-company .company h4 { font-size: 14px; font-weight: bold; }
#foot-company .company .name { font-size: 20px; }
#foot-company .contact { color: #505050; padding: 10px 0 0 20px; float: left;}
#foot-company .contact h4 { font-size: 14px; font-weight: bold; }
#foot-company .contact p { font-size: 14px;  }
#foot-company .contact p small { background: #007bbe; color: #fff; padding: 2px 5px; display: inline-block; font-size: 12px; line-height: 100%; margin: 0 10px 0 0; }
#foot-company .contact p span { font-size: 12px; }

#foot 		{ background: #effaff; color: #fff; font-size: 14px;  }
#foot #address 	{ background: #fff; }
#foot address 	{ width: 950px; margin: 0 auto; padding: 5px 0; text-align: center; color: #111; font-size: 12px; }

#for_top {position: fixed;bottom: 20px;right: 20px;z-index: 10;}

#veil,
#menu { display: none; }
#disclaimer { width: 910px; background: #fff; padding: 20px; margin: 0 auto 20px;}
#disclaimer h4 { font-size: 14px; font-weight: bold; color: #2f2f2f; }
#disclaimer p { color: #2f2f2f; font-size: 12px; }

.post-content section a {text-decoration: none!important;cursor: pointer;line-height: 1.75;vertical-align: middle;font-family: Quicksand, sans-serif;-webkit-user-select: none;-webkit-touch-callout: none;user-select: none;-webkit-tap-highlight-color: transparent;}
.content h3 {color: #484848;display: table-cell;height: 48px;font-size: 25px!important;line-height: 50px!important;vertical-align: middle;background: #eaeef1;text-decoration: none;}
.content h3 .left {background: #ccebff;display: table-cell;width: 50px;height: 48px;text-align: center;color: #0073bf;vertical-align: middle;}
.content h3 .right {display: table-cell;width: 900px;text-align: center;vertical-align: middle;color: #fff;background: url(../images/common/bg_01.gif) repeat-x;text-align: left;padding-left: 20px;font-size: 18px;font-weight: bold;}

.arrow-right, .arrow-right_2, .arrow-right_3{text-align: center;}
.arrow-right p,.arrow-right_2 p,.arrow-right_3 p {padding: 0!important;}
.arrow-right p a,.arrow-right_2 p a,.arrow-right_3 p a{
    /* position: relative; */
    display: inline-block;
    margin: 0 0 40px 0;
    /* padding: 10px!important;*/
    /* min-width: 120px; */
    /* max-width: 100%; */
    color: #ff6600;
    font-size: 16px;
    /* background: #ccebff; */
    /* box-shadow: 3px 6px 0px 0px #007abd; */
    text-decoration: underline;
    font-weight: bold;
    text-align: center;}
.arrow-right p a.last_btn,.arrow-right_2 p a.last_btn,.arrow-right_3 p a.last_btn{margin-bottom: 0!important;}
.arrow-right.btn_right {float: right;}
.arrow-right.btn_right p a{margin: 0 15px 10px 0;}
/*
.arrow-right p a:after {content: "";position: absolute;top: 0;left: 100%;border: 23.5px solid transparent;border-left: 20px solid #ccebff;}
.arrow-right p a:before {content: "";position: absolute;top: 6px;left: 101%;border: 23.5px solid transparent;border-left: 20px solid #007abd;}
.arrow-right_2 p a:after {content: "";position: absolute;top: 0;left: 100%;border: 37px solid transparent;border-left: 25px solid #ccebff;}
.arrow-right_2 p a:before {content: "";position: absolute;top: 6px;left: 101%;border: 37px solid transparent;border-left: 25px solid #007abd;}
.arrow-right_3 p a:after {content: "";position: absolute;top: 0;left: 100%;border: 50px solid transparent;border-left: 30px solid #ccebff;}
.arrow-right_3 p a:before {content: "";position: absolute;top: 6px;left: 101%;border: 50px solid transparent;border-left: 30px solid #007abd;}
.arrow-right_3 p .small{font-size: 15px;}
.arrow-right p a:hover,.arrow-right_2 p a:hover,.arrow-right_3 p a:hover  { color: #efb842; }
*/

/* ------------------------------------------------------------ for smartphone */
@media only screen and (max-width:980px){
#view h2{width: 650px;
    padding-left: 270px;}
}
@media only screen and (max-width:640px){

/* --------------- set*/

body { min-width: inherit; }

.PC { display: none; }
.SP { display: block; }

.inner,
#foot-sub-nav,
#foot-company { width: 100%; }

#foot-sub-nav li.first-child { border-width: 1px 0 1px; }

#header .inner { width: 94%; margin: 0 auto; }

#body #main,#body #main2 { width: 100%; float: none; }

#nav { display: none; }

#for_top {display: none;}
/* --------------- common*/
h1 		{ padding: 0 0 0 5px; }
#logo img { width: 150px; height: auto; }
.logo img { width: 210px; height: auto; }

#view h2 { font-size: 20px; line-height: auto; text-align: left; padding: 0 5%; width: 90%; }

#bread { padding: 0 0 10px; }
#bread p { width: auto;  }

#body { padding: 0 ; }

#header .inner #itaku { display: none; }

#foot { background: #fff; }
#foot-company .company { width: 290px; float: none; }
#foot-nav ul li { width: 90%; padding: 15px 5%; float: none; text-align: left; border-bottom: 1px solid #bfd8f5; }
#foot-nav ul li.about,
#foot-nav ul li.seminar,
#foot-nav ul li.consultation,
#foot-nav ul li.entry { width: 90%; }
#foot-sub-nav { background: #effaff; border: none; margin: 0;padding: 0;}
#foot-sub-nav li { width: 100%; border-width: 0 0 1px; padding: 0; }
#foot-sub-nav li a { color: #2f4468; padding: 10px 5%; display: block; }
#foot-company { padding: 10px 0; margin-bottom: 0; }
#foot-company .logo { width: 90%; margin: 0 auto; float: none; padding: 20px 0 10px; border: none; }
#foot-company .logo2 { width: 90%; margin: 0 auto; float: none; padding: 10px 0; border: none; }
#foot-company .company { padding: 10px 0 ; width: 100%; text-align: center; border: none;}
#foot-company .contact { padding: 20px 20px; background: #effaff;  float: none;}
#foot-company .company p.tel { background: none; padding: 5px 0; }
#foot #address { background: #effaff;}

#open_menu { position: fixed; right: 10px; top: 10px; z-index: 99999; }
#menu { position: fixed; z-index: 99998; top: 0px; height: 100%; }
#veil { background: #fff; position: fixed; width: 100%; height: 100%; opacity: 0.9; display: none; top: 0; left: 0; z-index: 99; }
#menu { width: 100%; }
#menu li { background: #007bbe; }
#menu li a { display: block; background: none right 5% center; background-size: 8px 14px; padding: 15px 0 15px 5%; margin: 0 0 1px; text-decoration: none; color: #fff; font-size: 14px; }
#menu p { font-weight: bold; background: #007bbe; text-align: center; color: #fff; margin: 0 0 1px; }
#menu p.title { font-size: 20px; padding: 10px 0; }
#menu p#close_menu { background: #3aabe4; padding: 15px 0; }

#nav ul { padding: 1px 0; }

#foot address { width: 90%; padding: 0 5px; }


/* --------------- common*/
.content h3 { font-size: 15px; background-size: contain; height: auto; line-height: normal; }
.content h3 .right {    font-size: 15px;
    padding: 15px 5%;
    background-size: contain;
    height: auto;
    line-height: normal;}
.content h3 br { display: none; }

.content2 h3 { font-size: 15px; padding: 15px 5%; background-size: contain; height: auto; line-height: normal; }
.content2 h3 br { display: none; }
.content2 .wrap { padding: 20px 3%; }

.content3 {float: none; width: 100%;}
.signal {height:auto!important;}

#disclaimer { width: 90%; background: #fff; padding: 5%; margin: 0 auto 20px;}

.arrow-right.btn_right{float: none;}
.arrow-right.btn_right p a {margin: 0 15px 40px 0;}
/*
.arrow-right p a,.arrow-right_2 p a,.arrow-right_3 p a{width:250px; font-size: 14px;}
.arrow-right p a:after {display: none;}
.arrow-right p a:before {display: none;}
.arrow-right_2 p a:after {display: none;}
.arrow-right_2 p a:before {display: none;}
.arrow-right_3 p a:after {display: none;}
.arrow-right_3 p a:before {display: none;}
*/
table td br.br_country{display: none;}
}