@charset "utf-8";

/*■■■■■■■■■■■共通■■■■■■■■■■■*/

body { color: #333333; margin: 0px; padding: 0px; font: 16px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; background: #FFF;}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{ margin: 0px; padding: 0px; }
*, *:before, *:after {  box-sizing: border-box; }

img { max-width: 100%; height: auto; }

iframe {max-width:100%;}


.mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(../images/icath_index.jpg); display:block; height:300px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.mainimg_inner {line-height:300px; color:#FFFFFF; letter-spacing:0.1em; font-size:3.5vw; font-family:serif; text-shadow: 2px 2px 0px rgba(0,0,0,0.5);}

/*■■■■■■■■■■■メニューページのトップ背景画像■■■■■■■■■■■*/
.consulting-internship_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(../images/icath_intern.jpg); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.consulting_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(../images/icath_consulting.jpg); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.consultant_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(../images/icath_consultant.jpg); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.tiktok_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(../images/icath_tiktok.jpg); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.marketing_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(../images/icath_marketing.jpg); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.contact_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(../images/icath_contact.jpg); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.executive_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(../images/icath_executive.jpg); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.privacy_mainimg  {background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)); display:block; height:150px; text-align:center;}
.a4755_mainimg {background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)); display:block; height:150px; text-align:center;}

.img_inner {line-height:150px; color:#FFFFFF; letter-spacing:0.1em; font-size:30px; font-family:serif;}

ul{ list-style-type: none; }

input,textarea,select { font-size: 1em; }

a { color: #191970; }
a:hover { color: #837768; text-decoration: none; }


#container {  margin-right: auto; margin-left: auto; }

.clearfix:after {content:""; display:block; clear:both;}

header {width: 100%; margin:0 auto 0 auto; padding:35px 10%;  position: relative; background: linear-gradient(to bottom, #0E2537, #123047, #0E2537); border-bottom:solid 5px #b39855; border-image: linear-gradient(90deg, #a1884c 0%, #baa266 50%, #a1884c 100%)1; font-family:serif;}
header .logo { float:left; width:25%; }

header .form a {width:30%; text-align:center; display: block; text-decoration: none; letter-spacing: 0.1em; float:right; color: #fff; padding: 10px 0; font-size: 16px;  background: linear-gradient(90deg, #a1884c 0%, #baa266 50%, #a1884c 100%);  text-shadow: 0px -1px 1px rgba(0,0,0,0.5); box-shadow: 3px 3px #808080; border-radius:1px;}

.form a:hover{opacity:0.7; transition:0.8s;}

.consultant_name {width:15%;}


/*■■■■■■■■■■■メニュー#e5cf88■■■■■■■■■■■*/
nav#menubar { width:100%; float:left; padding:10px 0;}
nav#menubar ul{ width:80%; margin:0 auto; }
nav#menubar ul li { float: left;  margin: 0;  width : calc(100% / 6) ; }
nav#menubar ul li a {color: #333333; font-weight:bold; text-decoration: none; display: block; width: 100%; text-align: center; font-family:serif; padding:5px 0;}

nav#menubar ul li a:hover { opacity:0.4; transition:0.8s;}






/*■■■■■■■■■■■コンテンツ＆トップページ画像■■■■■■■■■■■*/

#contents { clear: left; width: 80%; padding-top: 0px; margin:50px auto 0 auto; display:block;}





/*■■■■■■■■■■■メイン（真ん中）■■■■■■■■■■■*/
#main { float:left; width: 66.66%; padding: 0px 0px 30px 0px;}


#main h1 {color:#FFFFFF; background: linear-gradient(to bottom, #0E2537 49%, #091825); padding:8px; margin-bottom:30px; border-bottom:solid 3px #b39855;  font-size: 22px; font-family:serif;}
#main h2 {color:#091825;  border:solid 1px #091825; border-left:solid 5px #091825; padding:8px; margin-bottom:30px; font-size: 20px; font-family:serif;}
#main h3 {color:#091825; border-bottom:solid 2px #091825  font-size: 18px; margin-bottom: 30px; font-family:serif;}
#main p { margin-bottom:30px; padding:0 3%; line-height:1.8;}
#main li { padding: 0em 0px 0em; }
#main ul{list-style-type:disc; margin:0px 40px 30px; line-height: 150%;}
#main ol{margin:0px 40px 30px; line-height: 150%;}
#main li a { line-height: 200%;}
#main img { max-width: 99%; height: auto;}

/*■■■■■■■■■■■ぱんくずリスト■■■■■■■■■■■*/
#main ol.breadcrumb__list{list-style-type:none; font-family:serif; padding-left:0; margin-left:0;}
#main li.breadcrumb__item{float:left; padding-left:0; }
#main li.breadcrumb__item a {text-decoration:none; color:#a8a8a8; }
#main li.breadcrumb__item:after {content: " > ";}


/*■■■■■■■■■■■サブ左側■■■■■■■■■■■*/
#sub { float: right; width: 30%; padding-bottom: 30px; margin-bottom:50px;}
#sub img { max-width:100%; }

#sub ul li a { text-decoration: none; }
#sub ul li a:hover { opacity:0.7; transition:0.8s ;}

#sub .blog_link a{display:block; background-image: linear-gradient(rgba(15,70,117,0.6),rgba(15,70,117,0.6)),url(../images/bloglink_banner.jpg);  background-size:cover; background-repeat:no-repeat; width:100%; padding:35px; text-align:center; text-decoration: none; margin-bottom:20px; font-weight:bold; color:#FFFFFF; border:solid 1px #FFFFFF; font-size:20px; letter-spacing: 0.1em; box-shadow: 3px 3px 3px #a8a8a8; font-family:serif; text-shadow: 0px 3px 1px rgba(0,0,0,0.5);}
#sub .blog_link a:hover{opacity:0.7; transition:0.9s;}

#sub .intern_link a{display:block;  background-image: linear-gradient(rgba(15,70,117,0.7),rgba(15,70,117,0.7)),url(../images/internlink_banner.jpg); background-size:cover; background-repeat:no-repeat; width:100%; padding:35px; text-align:center; text-decoration: none; margin-bottom:40px; font-weight:bold; color:#FFFFFF; border:solid 1px #FFFFFF; font-size:20px; letter-spacing: 0.1em; box-shadow: 3px 3px 3px #a8a8a8; font-family:serif; text-shadow: 0px 3px 1px rgba(0,0,0,0.5);}
#sub .intern_link a:hover{opacity:0.7; transition:0.9s;}

#sub .sidemenu_box {margin-bottom:30px;}
#sub .sidemenu_box li a{display:block; padding:10px; border-bottom:solid 1px #091825; color:#333333; font-family:serif;}
#sub .sidemenu_box_bar {border-bottom:solid 3px #b39855; color:#FFFFFF; background: linear-gradient(to bottom, #0E2537 49%, #091825); padding:8px; font-size: 22px; font-family:serif; letter-spacing:0.1em;}



/*■■■■■■■■■■■フッター■■■■■■■■■■■*/
footer {background: linear-gradient(to bottom, #0E2537, #123047, #0E2537); color:#FFFFFF; font-size:12px; clear: both; text-align: center; padding-top: 15px; padding-bottom: 15px; font-family:serif;}

/*■■■■■■■■■■■インターン募集ページ■■■■■■■■■■■*/
.internship_qa {padding:0 3%;}
.internship_qa dt {display:block; padding-left:0; margin-left:0; font-weight:bold; margin-bottom:10px;}
.internship_qa dd {display:block; margin-left:0;  border-bottom:solid 1px #dcdcdc; margin-bottom:25px; padding-bottom:25px;}


/*■■■■■■■■■■■文字サイズ■■■■■■■■■■■*/
.fz-12px {font-size:12px;}
.fz-14px {font-size:14px;}

/*■■■■■■■■■■■ボックスカラー■■■■■■■■■■■*/
.box_lightcyan {background:#e0ffff; padding:20px 2% 10px; margin:0 3% 20px;}
.box_lavenderblush {background:#fff0f5; padding:20px 2% 10px; margin:0 3% 20px;}


.fee_button_box {text-align:center; width:100%;}
.fee_button {margin:0 auto  20px; width:30%; background:#FF0000; padding:10px 20px; border-radius:5px; border:none; box-shadow: 3px 3px 3px #a8a8a8; color:#FFFFFF; font-weight:bold;}
.fee_button:hover{opacity:0.7; transition:0.8s;}


/*■■■■■■■■■■■タブレット用の設定（768px～1020px）■■■■■■■■■■■*/

@media (min-width:768px) and (max-width:1020px)
{

}


/*■■■■■■■■■■■スマホの設定（767px以下）linear-gradient(#837768, #8F8477)■■■■■■■■■■■*/

@media (max-width : 767px)
{

#main { float: none; width:auto; overflow: hidden; box-sizing: border-box;}
#sub { float: none; width: auto; overflow: hidden; box-sizing: border-box; padding: 0% 3%;}

#container { width: auto; }
#contents { padding: 0% 3%; width:auto; }

header {padding:20px 1%;}
header .logo { float:left; width:55%; margin-left:2%;}
header .form a {width:35%; margin-right:3%; padding: 8px 0; font-size: 3.5vw; letter-spacing: 0em; box-shadow: 2px 2px #808080;}


nav#menubar {width:100%; padding:2% 1%; margin-bottom:10px; box-sizing: border-box;}
nav#menubar ul{margin:0 0% 0 0%; width:100%;  float:left;}
nav#menubar ul li { float: left;  margin: 0; width : calc(100% / 2) ; padding:1% 0.5%;}
nav#menubar ul li a { padding:0px 0;  font-weight:normal;}


#main h1{padding:8px 15px; font-weight:normal;}


.mainimg {height:200px; }
.mainimg_inner {line-height:200px; font-size:5.0vw; }

.consulting-internship_mainimg { height:100px; }
.service_mainimg { height:100px; }
.consultant_mainimg { height:100px; }
.fee_mainimg { height:100px; }
.about_mainimg { height:100px; }
.contact_mainimg { height:100px; }
.executive_mainimg { height:100px; }
.privacy_mainimg { height:100px; }
.a4755_mainimg { height:100px; }

.img_inner {line-height:100px; color:#FFFFFF; letter-spacing:0.1em; font-size:6.0vw; font-family:serif;}

.consultant_name {width:35%;}

.topicpath ol{line-height: 100%; }
.topicpath ol{margin:1px 0 10px 0px; clear: both;}

footer {
height:150px;
background: #0E2537;
background-image: url(../images/bottom_b_l.png);
background-repeat: no-repeat;
background-position:top center;
background-size:100% 70px;
padding-top:100px;
border-top:none;
font-size:4vw;}


}