@charset "UTF-8";
/* =============================================== */
/** Reset */
/* =============================================== */
html {
	overflow-y : scroll;
}

body {
	line-height : 1;
	color       : #000;
}

/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich-clark */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin         : 0;
	padding        : 0;
	border         : 0;
	outline        : 0;
	font-size      : 100%;
	font-size      : 100% \9;
	vertical-align : top;
	background     : transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display  : block;
	*display : block;
}

ul {
	list-style : none;
}

blockquote, q {
	quotes : none;
}

blockquote:before, blockquote::after {
	content : "";
	content : none;
}

q:before, q::after {
	content : "";
	content : none;
}

a {
	margin         : 0;
	padding        : 0;
	font-size      : 100%;
	font-size      : 100% \9;
	vertical-align : middle;
	background     : transparent;
}

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;
	cursor        : help;
}

table {
	border-spacing : 0;
}

hr {
	display    : block;
	*display   : block;
	height     : 1px;
	_height    : 1px;
	border     : 0;
	border-top : 1px solid #ccc;
	margin     : 1em 0;
	padding    : 0;
}

input, select {
	vertical-align : middle;
}

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
table {
	font  : 100%;
	*font : 100%;
}

pre, code, kbd, samp, tt {
	font-family : monospace;
	font-size   : 108% \9;
	line-height : 100%;
}

/************************************
** common
************************************/
@font-face {
	font-family : "Kozuka Gothic Pr6N M";
	src         : url("//db.onlinewebfonts.com/t/3ea59ee94cc912583baf69a7a074e5c3.eot");
	src         : url("//db.onlinewebfonts.com/t/3ea59ee94cc912583baf69a7a074e5c3.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/3ea59ee94cc912583baf69a7a074e5c3.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/3ea59ee94cc912583baf69a7a074e5c3.woff") format("woff"), url("//db.onlinewebfonts.com/t/3ea59ee94cc912583baf69a7a074e5c3.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/3ea59ee94cc912583baf69a7a074e5c3.svg#Kozuka Gothic Pr6N M") format("svg");
}

.kozuka {
	font-family : "Kozuka Gothic Pr6N M";
}

@font-face {
	font-family : "Helvetica";
	src         : url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/ab7f002d-5f09-4a65-b7ad-9f01ec5bfaf0.eot?#iefix");
	src         : url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/ab7f002d-5f09-4a65-b7ad-9f01ec5bfaf0.eot?#iefix") format("eot"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/b8ee7e47-48e4-4b5b-8a74-cf02708fb54a.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/074fa346-a8c5-4331-9d93-7a06123af067.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/e953f49c-15a9-4394-97dd-a3f230e12e0b.svg#e953f49c-15a9-4394-97dd-a3f230e12e0b") format("svg");
}

.hl {
	font-family : "Helvetica";
}

html {
	-webkit-text-size-adjust      : 100%;
	-ms-text-size-adjust          : 100%;
	font-family                   : 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color                         : #3e3a39;
	font-feature-settings         : "palt";
	-webkit-font-feature-settings : "palt";
}

body {
	color      : #5c5c59;
	overflow-x : hidden;
}

.times_roman {
	font-family : "Times New Roman";
}

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

a {
	color : #3e3a39;
}

a:hover {
	opacity    : 0.7;
	transition : 0.5s;
}

main {
	width  : 1040px;
	margin : 0 auto;
}

@media screen and (max-width : 750px) {
	main {
		width : 750px;
	}
}

@media screen and (max-width : 750px) {
	.wrapper {
		padding : 100px 0 0;
	}
}

.clearfix, .box {
	min-height : 1px;
}

.clearfix::after, .box::after {
	content    : ".";
	display    : block;
	*display   : block;
	clear      : both;
	height     : 0;
	visibility : hidden;
}

.box .box_l {
	float : left;
}

.box .box_r {
	float : right;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display : block !important;
}

.sp {
	display : none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media screen and (max-width : 750px) {
	.pc {
		display : none !important;
	}

	.sp {
		display : block !important;
	}
}

.sec_inner {
	width  : 1040px;
	margin : 0 auto;
}

@media screen and (max-width : 750px) {
	.sec_inner {
		width : 100%;
	}
}

.fw {
	font-weight : bold;
}

/************************************
** header
************************************/
.header {
	position   : fixed;
	top        : 0;
	right      : 0;
	left       : 0;
	width      : 100%;
	z-index    : 4;
	background : #3c3d3f;
}

.header .header_inner {
	width   : 900px;
	margin  : 0 auto;
	padding : 20px 10px 20px 10px;
}

.header .header_inner .gnav {
	font-size  : 0;
	text-align : center;
}

.header .header_inner .gnav li {
	display : inline-block;
	margin  : 0 10px;
}

.header .header_inner .gnav li a {
	font-size : 18px;
	color     : #fff;
}

.main_visual {
	width               : 100%;
	min-width           : 1400px;
	min-height          : 41vw;
	height              : 41vw;
	margin              : 38px 0 0;
	position            : relative;
	background-repeat   : no-repeat;
	background-position : top center;
	background-size     : cover;
}

.main_visual .line_entry {
	position      : absolute;
	border-bottom : 0;
	right         : 100px;
	font-size     : 16px;
	padding       : 10px 20px;
}

.home .main_visual {
	background-image : none;
}

.cmn_btn::after {
	content        : url("../../html5blank-stable/img/common/cmn_btn_arrow.png");
	display        : inline-block;
	vertical-align : middle;
	margin-left    : 10px;
}

/************************************
** sp_menu
************************************/
.sp_menu {
	position   : fixed;
	top        : 0;
	right      : 0;
	width      : 550px;
	background : #f5d000;
	overflow   : scroll;
	height     : 100%;
	z-index    : 100;
}

.sp_menu .close_btn {
	float  : right;
	margin : 24px 30px 0 0;
}

.sp_menu .nav_01 {
	margin-top : -38px;
}

.sp_menu .nav_01 li a {
	color        : #fff;
	padding-left : 45px;
	font-size    : 25px;
	line-height  : 60px;
}

.sp_menu .nav_02 {
	padding    : 0 43px 50px;
	margin-top : 12px;
	font-size  : 0;
}

.sp_menu .nav_02 li {
	display      : inline-block;
	margin-right : 10px;
}

.sp_menu .nav_02 li:last-child {
	margin-right : 0;
}

/************************************
** footer
************************************/
.footer {
	margin     : 123px 0 0;
	background : #375a8f;
}

.footer .gnav {
	font-size  : 0;
	text-align : center;
}

.footer .gnav li {
	display : inline-block;
	margin  : 0 12px;
}

.footer .gnav li a {
	font-size : 15px;
	color     : #fff;
}

.footer .footer_inner {
	padding   : 33px 0 0;
	max-width : 1040px;
	margin    : 0 auto;
}

@media screen and (max-width : 750px) {
	.footer .footer_inner {
		padding       : 56px 0 40px;
		border-bottom : 7px solid #535353;
	}
}

.footer .footer_inner .logo {
	text-align : center;
	display    : block;
	width      : 340px;
	margin     : 37px auto 0;
	position   : relative;
	left       : 10px;
}

.footer .copyright {
	color          : #fff;
	text-align     : center;
	margin-top     : 17px;
	font-size      : 12px;
	letter-spacing : 2px;
	line-height    : 30px;
	padding        : 0 0 30px;
}

/************************************
** パンくず
************************************/
.breadcrumbs {
	margin-top : 20px;
}

@media screen and (max-width : 750px) {
	.breadcrumbs {
		margin-top : 38px;
	}
}

.breadcrumbs .breadcrumbs_inner {
	margin    : 0 auto;
	width     : 1040px;
	font-size : 14px;
}

@media screen and (max-width : 750px) {
	.breadcrumbs .breadcrumbs_inner {
		font-size : 20px;
		padding   : 0 30px;
	}
}

/************************************
** 下層ページタイトル
************************************/
.inner_page_ttl {
	margin-top     : 60px;
	margin-bottom  : 50px;
	text-align     : center;
	letter-spacing : 1px;
}

@media screen and (max-width : 750px) {
	.inner_page_ttl {
		margin-top    : 33px;
		margin-bottom : 50px;
	}
}

.inner_page_ttl span {
	display : block;
}

.inner_page_ttl .ttl {
	font-size : 20px;
	color     : #035293;
}

@media screen and (max-width : 750px) {
	.inner_page_ttl .ttl {
		font-size      : 34px;
		letter-spacing : 4px;
	}
}

.inner_page_ttl .sub {
	font-size : 14px;
}

@media screen and (max-width : 750px) {
	.inner_page_ttl .sub {
		font-size  : 24px;
		margin-top : 12px;
	}
}

/************************************
** 画像トリミング
************************************/
.obj-fit-img img {
	/*height :100%; ここの値を個別に設定*/
	width       : 100%;
	object-fit  : cover;
	font-family : "object-fit: cover;";
}

/************************************
** tag
************************************/
.tag {
	color      : #fff;
	background : #035294;
	display    : inline-block;
}

/************************************
** pagenation
************************************/
.wp-pagenavi a,
.wp-pagenavi span {
	background : #035294;
	color      : #fff;
	border     : 1px solid #035294;
	font-size  : 20px;
	padding    : 8px 14px;
	margin     : 0 5px;
}

@media screen and (max-width : 750px) {
	.wp-pagenavi a,
	.wp-pagenavi span {
		font-size : 28px;
		padding   : 18px 26px;
		margin    : 0 10px;
	}
}

.wp-pagenavi a:hover,
.wp-pagenavi span:hover {
	color : #fff;
}

.wp-pagenavi .current {
	color      : #035294;
	background : #fff;
}

.wp-pagenavi .current:hover {
	color : #035294;
}

/************************************
** 次の記事へ
************************************/
.side_post {
	text-align : center;
}

.side_post a {
	display     : inline-block;
	font-size   : 14px;
	text-align  : center;
	width       : 200px;
	padding     : 20px 0;
	margin      : 0 35px;
	background  : #9d9fa1;
	color       : #fff;
	font-weight : bold;
}

.side_post a:hover {
	color : #fff;
}

@media screen and (max-width : 750px) {
	.side_post a {
		margin    : 0;
		font-size : 24px;
		width     : 298px;
		padding   : 33px 0;
	}
}

@media screen and (max-width : 750px) {
	.side_post .pre {
		float : left;
	}
}

@media screen and (max-width : 750px) {
	.side_post .next {
		float : right;
	}
}

/************************************
** 2カラムレイアウト（blog等）
************************************/
.col_2_container {
	width          : 900px;
	margin         : 0 auto;
	padding-bottom : 86px;
}

@media screen and (max-width : 750px) {
	.col_2_container {
		width          : 100%;
		padding-bottom : 0;
	}
}

.main_col_2 {
	width : 660px;
	float : left;
}

@media screen and (max-width : 750px) {
	.main_col_2 {
		width : 100%;
	}
}

.sidebar {
	width : 200px;
	float : right;
}

@media screen and (max-width : 750px) {
	.sidebar {
		width      : 100%;
		margin-top : 78px;
		padding    : 0 30px;
	}
}

.sidebar .side_sec {
	padding-bottom : 15px;
}

@media screen and (max-width : 750px) {
	.sidebar .side_sec {
		padding-bottom : 28px;
	}
}

.sidebar .side_sec .side_ttl {
	font-size     : 14px;
	border-top    : 3px solid;
	border-bottom : 1px solid;
	padding       : 10px;
	line-height   : 18px;
	margin-bottom : 10px;
}

@media screen and (max-width : 750px) {
	.sidebar .side_sec .side_ttl {
		font-size     : 25px;
		border-top    : 6px solid #015193;
		border-bottom : 2px solid;
		padding       : 17px 18px;
		line-height   : inherit;
		margin-bottom : 38px;
	}
}

.sidebar .side_sec .side_list li {
	font-size     : 11px;
	margin-bottom : 11px;
	padding-left  : 5px;
}

@media screen and (max-width : 750px) {
	.sidebar .side_sec .side_list li {
		padding-left  : 8px;
		font-size     : 23px !important;
		margin-bottom : 37px !important;
	}
}

@media screen and (max-width : 750px) {
	.sidebar .side_archive_sec {
		padding-bottom : 35px;
	}
}

.sidebar .side_archive_sec h3 {
	font-size      : 14px;
	letter-spacing : 1px;
	padding-left   : 12px;
	font-weight    : normal;
}

@media screen and (max-width : 750px) {
	.sidebar .side_archive_sec h3 {
		font-size      : 28px;
		letter-spacing : 10px;
		padding-left   : 18px;
		font-weight    : normal;
		margin-bottom  : 16px;
	}
}

.sidebar .side_archive_sec .side_list {
	padding-left : 17px;
}

@media screen and (max-width : 750px) {
	.sidebar .side_archive_sec .side_list {
		font-size    : 0;
		padding-left : 30px;
	}
}

.sidebar .side_archive_sec .side_list li {
	font-size   : 14px;
	line-height : 1.65;
}

@media screen and (max-width : 750px) {
	.sidebar .side_archive_sec .side_list li {
		font-size   : 28px;
		line-height : 1.65;
		display     : inline-block;
		margin      : 0 0 25px;
		width       : 33.33%;
		padding     : 0 10px;
	}
}

/************************************
** clippng
************************************/
.clipping {
	position : relative;
	overflow : hidden;
}

.clipping img {
	position          : absolute;
	top               : 50%;
	left              : 50%;
	-webkit-transform : translate(-50%, -50%);
	-ms-transform     : translate(-50%, -50%);
	transform         : translate(-50%, -50%);
	width             : 100%;
	height            : auto;
	max-width         : inherit;
}

/************************************
** 検索
************************************/
.search-example-from {
	background : #eee;
	padding    : 0 0 33px;
	text-align : center;
	font-size  : 0;
}

.search-example-from h2 {
	background     : #015193;
	color          : #fff;
	text-align     : center;
	margin-bottom  : 32px;
	letter-spacing : 1px;
	font-size      : 20px;
	padding        : 8px 0;
}

@media screen and (max-width : 750px) {
	.search-example-from h2 {
		font-size : 24px;
		padding   : 10px 0 12px;
	}
}

.search-example-from h2::before {
	content        : url("../../html5blank-stable/img/configuration_example/magnifying_icon.png");
	vertical-align : middle;
	display        : inline-block;
	margin-right   : 13px;
}

@media screen and (max-width : 750px) {
	.search-example-from h2::before {
		content      : url("../../html5blank-stable/img/sp/configuration_example/magnifying_icon.png");
		margin-right : 15px;
	}
}

.search-example-from .txt_box_01, .search-example-from .txt_box_02 {
	display : inline-block;
}

@media screen and (max-width : 750px) {
	.search-example-from .txt_box_01, .search-example-from .txt_box_02 {
		display : block;
		padding : 0 47px;
	}
}

@media screen and (max-width : 750px) {
	.search-example-from .txt_box_01 {
		display    : block;
		text-align : left;
	}
}

@media screen and (max-width : 750px) {
	.search-example-from .txt_box_02 {
		display    : block;
		margin-top : 24px;
	}
}

.search-example-from .screen-reader-text {
	font-size      : 16px;
	vertical-align : middle;
	letter-spacing : 1px;
	margin-right   : 10px;
	line-height    : 40px;
}

@media screen and (max-width : 750px) {
	.search-example-from .screen-reader-text {
		font-size    : 25px;
		margin-right : 16px;
		line-height  : 55px;
	}
}

.search-example-from .postform {
	font-size    : 18px;
	margin-right : 10px;
}

@media screen and (max-width : 750px) {
	.search-example-from .postform {
		font-size : 25px;
	}
}

.search-example-from .search-submit {
	background    : #015193;
	color         : #fff;
	font-size     : 20px;
	border        : none;
	border-radius : 5px;
	width         : 165px;
	display       : inline-block;
	height        : 40px;
	font-weight   : bold;
}

@media screen and (max-width : 750px) {
	.search-example-from .search-submit {
		width     : 100%;
		font-size : 25px;
		height    : 55px;
	}
}

/************************************
** ○件中○○件目
************************************/
.ken_num {
	margin    : 28px 0 13px;
	font-size : 16px;
}

@media screen and (max-width : 750px) {
	.ken_num {
		margin    : 28px 0 15px;
		font-size : 22px;
	}
}

.ken_num span {
	vertical-align : middle;
}

.ken_num .num {
	font-size    : 20px;
	margin-right : 5px;
}

@media screen and (max-width : 750px) {
	.ken_num .num {
		font-size    : 31px;
		margin-right : 10px;
	}
}

.wpcf7-checkbox input {
	display : none;
}

.wpcf7-checkbox .wpcf7-list-item-label {
	padding-left   : 30px;
	position       : relative;
	margin-right   : 20px;
	font-size      : 14px;
	letter-spacing : 2px;
	line-height    : 40px;
}

@media screen and (max-width : 750px) {
	.wpcf7-checkbox .wpcf7-list-item-label {
		padding-left : 48px;
		font-size    : 23px;
	}
}

.wpcf7-checkbox .wpcf7-list-item-label::before {
	content    : "";
	display    : block;
	position   : absolute;
	top        : -2px;
	left       : 0;
	width      : 20px;
	height     : 20px;
	border     : 1px solid #cbcbcb;
	background : #fff;
}

@media screen and (max-width : 750px) {
	.wpcf7-checkbox .wpcf7-list-item-label::before {
		width  : 32px;
		height : 32px;
	}
}

.wpcf7-checkbox input:checked + .wpcf7-list-item-label {
	color : #035293;
}

.wpcf7-checkbox input:checked + .wpcf7-list-item-label::after {
	content       : "";
	display       : block;
	position      : absolute;
	top           : 0;
	left          : 7px;
	width         : 7px;
	height        : 14px;
	transform     : rotate(40deg);
	border-bottom : 3px solid #035293;
	border-right  : 3px solid #035293;
}

@media screen and (max-width : 750px) {
	.wpcf7-checkbox input:checked + .wpcf7-list-item-label::after {
		top    : 3px;
		left   : 12px;
		width  : 8px;
		height : 18px;
	}
}

/************************************
** 共通 select
************************************/
select {
	-webkit-appearance  : none;
	-moz-appearance     : none;
	appearance          : none;
	outline             : none;
	width               : 318px;
	height              : 40px;
	border-radius       : 5px;
	border              : 1px solid #bfbfbf;
	background-image    : url("../../html5blank-stable/img/configuration_example/select_icon.png");
	background-position : 295px center;
	background-repeat   : no-repeat;
	padding-right       : 28px;
}

@media screen and (max-width : 750px) {
	select {
		width               : 474px;
		margin              : 0;
		height              : 55px;
		background-image    : url("../../html5blank-stable/img/sp/configuration_example/select_icon.png");
		background-position : 442px center;
	}
}

/*# sourceMappingURL=common.css.map */

.link_area .blog img {
	width : 105px;

}

.link_area {
	width    : 1000px;
	margin   : -221px auto 0;
	z-index  : 1;
	position : relative;
}

.link_area .blog {
	float : right;
}