/*
Theme Name: academica-child-service
Theme URI: http://www.wpzoom.com/themes/academica/
Description: 「Academica」の子テーマ サービスページ用、21/05～作成の新規TOPページから適用開始　全体CSS
Tags: blue, two-columns, three-columns, custom-header, custom-menu, translation-ready
Version: 21.09.14
Author: AT
Template: academica

*/

/* =General
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');

/*スマホ*/
@media screen and (max-width: 428px) {
  #footer #infobox #form-console ul.list {
      width: 100%!important;
      margin: 0 auto!important;
      padding: 30px!important;
  }
  #footer #infobox #form-console ul.list li {
  	display: inline-block;
  	height: auto;
  	vertical-align: top;
  	width: 100%!important;
  	list-style-type: none;
  }

  #footer #infobox #form-console .company-name {
  	width: 100%!important;
  	padding: 0 30px 30px!important;
  }
}
/*スマホ ここまで*/



	html {
		color: #333!important;
		font-family: Verdana,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",Meiryo,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HGPｺﾞｼｯｸM","Source Han Sans",sans-serif;
		font-size: 100%;
		line-height: 1.5;
		overflow-y: scroll;
		text-align: left;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	/*L 29　本文(ナビバーとbody内のテキスト一部)*/
	body {
		width: 100%;
		font-size: 0.75rem;
		margin: 0;
		padding: 0;
		background-color: #fefefe!important;
		word-wrap: break-word;
	}
	* {
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}

	ul,ol {
		padding: 0;
		margin: 0;
	}
	div.single h2, .clear div.single h2, div.single h3, .clear div.single h3, div.single h4, .clear div.single h4, div.single h5, .clear div.single h5, div.single h6, .clear div.single h6 {
		clear: both;
		margin: 0;
	}
	.pc-width {
		max-width: 73.125rem;
	  margin: auto;
	  word-break: break-word;
	}

	.serif {
		font-family: "Times New Roman",Georgia,"游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN","Hiragino Mincho ProN",serif!important;
	}
	.sans-serif {
		font-family: Verdana,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",Meiryo,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HGPｺﾞｼｯｸM","Source Han Sans",sans-serif!important;
	}
	.century{
		font-family: "century", serif;
	}
	.text-center {
		text-align: center;
	}

	.sc-color,
	.sc-color a,
	.sc-color a:hover {
		color: #cc3232!important;
	}
	.sc-border,
	.sc-border a,
	.sc-border a:hover {
		border-color: #cc3232!important;
	}
	.red-color,
	.red-color a,
	.red-color a:hover {
		color: #ff0000!important;
	}
	.red-border,
	.red-border a,
	.red-border a:hover {
		border-color: #ff0000!important;
	}

	/*Not foundの時にデフォで表示される検索を消してる　ここから*/
	#searchform input{
		display: none;
	}
	#searchsubmit{
		display: none;
	}
	/*Not foundの時にデフォで表示される検索を消してる　ここまで*/

	/*Google reCAPTCHA マーク（バッジ）を消す　ここから*/
	.grecaptcha-badge {
	    opacity: 0;
	}
	/*Google reCAPTCHA マーク（バッジ）を消す　ここまで*/

	/*検索　ここから*/
		/*検索結果の上部に出る広告を消す　ここから*/
		#adBlock,
		.gsc-resultsHeader,
		.gsc-adBlock {
			display: none!important;
		}
		/*検索結果の上部に出る広告を消す　ここまで*/

		/*Google検索を装飾　ここから*/
		.gsc-control-cse {
			clear: both;
			display: block;
			height: 2.8125rem;
			margin-top: 0.625rem;
		}
		.gsc-control-cse .gsc-control-wrapper-cse{
			margin: 0 auto;
			display: table;
		}
		form.gsc-search-box	{
		  position: static;
		  top: 0.1875rem;
		  margin: 0 auto!important;
		  display: block;
		  border: 0.0625rem solid #a7a7a7;
		  border-radius: 3.125rem;
			max-width: 37.5rem!important;
	    height: 3.125rem;
		}
		.table.gsc-search-box{
			width: auto;
	    height: 3.125rem;
			margin-bottom: 0;
		}
		table.gsc-search-box,
		table.gsc-search-box tr {
	    border-color: transparent!important;
			background-color: transparent;
			width: auto;
	    height: auto;
		}
		table.gsc-search-box td {
	    vertical-align: middle;
			border: none;
			background-color: transparent;
			padding: 0;
		}
		.gsc-search-box-tools .gsc-search-box .gsc-input{
			width: 100%;
	    height: 2.5rem!important;
	    padding: 0 0.625rem!important;
		}
		.gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box {
			width: 100%;
	    height: auto;
		}
		.gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box table {
			margin: 0!important;
	    border: none!important;
		}
		.gsc-search-button-v2 svg {
			fill: #a7a7a7!important;
			width: 1.5625rem;
	    height: auto;
		}
		.cse .gsc-search-button-v2, .gsc-search-button-v2 {
	    padding: 0.625rem 1.25rem!important;
	    width: auto;
	    vertical-align: middle;
	    border: 0.0625rem solid  #fff!important;
		}
		input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus,
			.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus,
			.gsc-search-box-tools .gsc-search-box .gsc-input>input:hover,	.gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box {
	    border-color: transparent!important;
	    background-color: transparent!important;
	    background-image: none;
	    filter: none;
		}
		/*Google検索を装飾　ここまで*/
	/*検索　ここまで*/

	/*404エラー ここから*/
	.error-box {
		width: 100%;
		display: block;
		margin: 3% auto;
	}
	.error-box img {
		width: 10%;
		display: block;
		margin: 0 auto 1%;
	}
	.error a.toplink {
	  border-bottom: 0.0625rem solid inherit;
	}
	h1.error {
		width: 100%;
	  text-align: center;
		font-size: 2.5rem;
		line-height: 1.5rem;
	}
	h2.error {
		width: 100%;
	  text-align: center;
		font-size: 2rem;
		margin: 3% auto;
		text-decoration: underline;
	}
	p.error {
		width: 100%;
	  text-align: center;
		font-size: initial;
	  margin: 1% auto;
	}
	/*404エラー ここまで*/

	/*bitnami　の右下のバナーを消してる*/
	#bitnami-banner .bitnami-corner-image-div,#bitnami-banner,#bitnami-close-banner-button {
		display: none!important;
	}
	/*bitnami　の右下のバナーを消してる ここまで*/

	img {
		border-style: none!important;
		max-width: 100%; /* ※　width だと、カスタマイズページなどの画像が馬鹿でかくなるので、max-widthにしてる*/
	}
	.underline{
		text-decoration: underline!important;
		color: inherit;
	}
	address, p {
		margin: 0;
	  line-height: 1.5rem;
	}
	.title-header,
	.posts .post h2,
	.posts .page h2,
	div.single h2,
	div.single h3,
	div.single h4,
	div.single h5,
	div.single h6,
	#trialTitle  {
		font-family: Verdana,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",Meiryo,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HGPｺﾞｼｯｸM","Source Han Sans",sans-serif;
	/*	font-family: "Meiryo","メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HGPｺﾞｼｯｸM", "Source Han Sans", "Meirio", Verdana, sans-serif;*/
	}
	h2 a,
	h3 a,
	h4 a,
	h5 a,
	h6 a,
	.navbar-nav a {
	  text-decoration: none;
	}

	/*リンク集*/
	/*オリジナルの最下フッター　ここから*/
	#link {
		background-color: #403c36!important;
		border: none;
		color: #fff!important;
		font-size: 0.75rem!important;
		line-height: 1.6;
		padding: 1.25rem 0 0;
		display: block;
		height: auto;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#link a {
		color: #fff!important;
	}
	#link a:hover{
		color: #fffae5!important;
		text-decoration: underline;
	}



	/*コピーライト書き換え*/
	#footer {/*もとのフッター(footer.php上でwpzoomのコピーライトはコメントアウトして非表示し、固定ページの「問い合わせ窓口」を表示させてる)*/
		display: block;
			border-top: none;
	/*	border-top: solid 0.0625rem #EEE;*/
	  color: #505050;
	  line-height: 1.6;
	  padding: 0;
	}
		/*オリジナルの最下フッター　ここから*/
		#originalfooter {
				background-color: #403c36!important;
		    border-top: solid 0.0625rem #403c36;
		    color: #505050;
		    line-height: 1.6;
		    padding: 1.5625rem 0;
		}
		#originalfooter .copyright{
			color: #fff!important;
			font-size: 0.6875rem!important;
			display: block;
			height: auto;
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}
		#originalfooter .originalcopy{
			color: #fff!important;
			font-size: 0.5625rem;
			display: block;
			height: 3.75rem;
			width: 100%;
		*/	margin: 0 auto;
		}
		/*オリジナルの最下フッター　ここまで*/


	/*コピーライト書き換え　ここまで*/

	@media print {
		#pageTop,
		#try {
			display: none;
		}

		.scroll {
			overflow: visible!important;
			font-size: 1rem!important;
	    max-width: 73.125rem!important;
	    height: auto!important;
	    background-color: inherit;
	    display: block;
	    margin: 0 auto!important;
	    border: none!important;
	    padding: 0!important;
		}

		.checkbox-container {
			display: none!important;
		}

		#button {
			display: none!important;
		}
	}

	#try {
		width: auto;
		height: auto;
	  position: fixed;
	  bottom: 1.25rem;
	  right: 1.25rem;
		z-index: 9999;
		background-color: #0364c2;
		color: #fff;
	  border-radius: 0.1875rem;
	  border: #fff solid 0.125rem;
		writing-mode: vertical-rl;
	  padding: 0.625rem 0.3125rem;
	  font-size: 1.4rem;
	}
	#try:hover {
		color: #fff!important;
		background: #cc3232;
	/*  filter: hue-rotate(-85deg);*/
	}
	#try a {
		color: #fff;
		filter: none;
	}
	#try a:hover {
		color: #fff!important;
	  border-bottom: none!important;
	}

	#wrap {
		width: 100%;/*画面幅にfull表示*/
	 	margin: 0 auto;
	}
	.inner-wrap,
	#homecontact-head,
	#trial,
	#news,
	#qa {
		max-width: 73.125rem!important;
		margin: 0 auto;
	}
	.inner-skin {
		width: 73.125rem;
		max-width: 100%;
		margin: 3.75rem auto;
	}
	.marginClear {
		margin-left: 3.125rem!important;
	}
	.margin-top-clear {
		margin-top: 0!important;
	}
	.margin-bottom-clear {
		margin-bottom: 0!important;
	}

	/*フッターのリンク　ここから*/
	#footer #infobox #form-console {
	    display: inline-block;
	    background-color: #403c36!important;
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	}
	#footer #infobox #form-console .inner-skin {
	    max-width: 73.125rem;
	    width: 100%;
	    height: 100%;
	    margin: 0 auto;
	}

	#footer #infobox #form-console ul.company-name {
	    width: 98%;
	    margin: 0 auto;
	    padding: 1.875rem 0;
	}

	#footer #infobox #form-console ul.list {
	    width: 98%;
	    margin: 0 auto;
	    padding: 1.875rem 0 0;
	}
	#footer #infobox #form-console ul.list li {
	    display: inline-block;
	    height: auto;
	    vertical-align: top;
	    width: 15%;
			list-style-type: none;
	}
	#footer #infobox #form-console ul.list li a {
			color: #fff;
	}
	#footer #infobox #form-console ul.list li a:hover {
	    text-decoration: underline;
	}

	#footer #infobox #form-console .function-consol-box {
	    width: 100%;
	    height: auto;
	    display: inline-block;
	    margin: 0 auto;
	    text-align: center;
	}

	#footer #infobox #form-console .company-name {
	    width: 98%;
	    margin: 0 auto;
	    padding: 1.25rem 0.625rem;
			margin-left: 1em;
	}

	#footer #infobox #form-console .company-name,
	#footer #infobox #form-console .sub-title {
	    display: block;
	    font-size: 0.8125rem;
	    margin: 0 auto;
	    text-align: left;
			color: #fff;
	}
	#footer #infobox #form-console .company-name a {
		color: #ffd982;
	}
	#footer #infobox #form-console .company-name a:hover {
		color: #ffd982;
		text-decoration: underline;
	}
	/*フッターのリンク　ここまで*/

	/*L727 コンテンツ(文章)の幅*/
	.column-double .column-content, .column-double.column-content{
		width: 100%!important;
		margin-right: 0;
	}
	.column column-content:after{
		width: 100%;
		margin-right: 0;
	}

	/*各ページのタイトル表示*/
	.title-header {
		font-weight: bold;
		font-size: 1.875rem;
	 	word-wrap: break-word;
		margin: 1.25rem auto;
		width: 73.125rem;
	}