@charset "utf-8";

/* common */

big { font-size:130%; }
b { font-weight:bolder; }
small { font-size:70%; font-weight:400; }
strong, b { font-weight:600; }
strong { font-size:110%; }
sup { position:relative; top:-0.4em; font-size:0.7em; }
em { color:#3E8AE8; }
a { color:#1971aa; }
a:hover { text-decoration:underline; opacity:0.8; }
/* a[target='_blank'] { display:inline-block; margin-right:0.35em; padding-right:1.0em; background:url('../img/common/icon_href_blank.png') no-repeat right 0.3em; background-size:auto 0.6em; } */

img { vertical-align:top; }

hr { clear:both; margin:1.5em 0; padding:0; border:0; border-top:#ddd 1px solid; }
hr.space { clear:both; margin:0 0 1.0em 0; padding:0; border:0; }

.BlogListsInner li { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }
.BlogListThums { display:block; width:150px; }
.BlogListThums img { width:100% !important; height:100% !important; object-fit:cover; }
.BlogListTxt { width:calc(100% - 180px); }

@media (min-width: 320px) and (max-width: 728px) {
	body { position:relative; overflow-x:hidden; min-width:320px; }
	img { max-width:100%; height:auto; }

	.BlogListsInner li { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; }
	.BlogListThums { display:block; width:100%; }
	.BlogListThums img { width:100% !important; height:100% !important; object-fit:cover; }
	.BlogListTxt { width:calc(100% - 0px); }
}


/*######################################################################*/
/*																		*/
/*	accordion															*/
/*																		*/
/*######################################################################*/

.accordion {  }
.accordionHead { float:none; width:100%; cursor:pointer; }
.accordionHead { margin-bottom:0.65em; padding:0.65em 1.0em !important; border-radius:3px; border:#ccc 1px solid; background:#f4f4f4; box-shadow:0 0 1px 1px rgba(255,255,255,1.0); }
.accordionHead:before { content:''; display:inline-block; position:relative; top:-0.05em; margin-right:0.65em; border:transparent 5px solid; border-left:#3E8AE8 5px solid; }
.accordionHead:hover { cursor:pointer; }
.accordionHead + .accordionWrap { display:none; float:none; width:100%; }
.accordionHead + .accordionWrap.active { display:block; }

dt.accordionHead { float:none !important; width:100% !important; }
dd.accordionWrap { float:none !important; width:100% !important; }


/*######################################################################*/
/*																		*/
/*	tabs																*/
/*																		*/
/*######################################################################*/

.tabs {  }
.tabsHeader { margin:0 auto !important; padding:0 4%; }
.tabsHeader:after { content:''; display:block; clear:both; height:0; }
.tabsHeader li { display:block; position:relative; top:0.4em; padding:0.125em; border-radius:4px 4px 0 0; border:#ddd 1px solid; border-bottom:0; color:#999; text-align:center; cursor:pointer; }
.tabsHeader li:hover { border:#ddd 1px solid; color:#fff; background:#ddd; }
.tabsHeader li.active:hover { border:0; }
.tabsHeader .x2 { float:left; width:49.49999%; }
.tabsHeader .x2:nth-child(1) { margin-right:1%; }
	.tabsHeader .on.active:nth-child(1) { top:0; margin-bottom:0; padding:0.35em; border:0; color:#fff; font-weight:600; background:#4294f5; }
	.tabsHeader .off.active:nth-child(2) { top:0; margin-bottom:0; padding:0.35em; color:#fff; font-weight:600; background:#4294f5; }
.tabsWrapper { position:relative; z-index:2; width:96%; margin:0 2%; }
.tabsWrapper:after { content:''; display:block; clear:both; height:0; }
.tabsBody01 { width:100%; padding:1.0em; border-radius:4px; border:#4294f5 1px solid; border-top:#4294f5 4px solid; background:#fff; }
.tabsBody01.active {  }
.tabsBody02 { width:100%; padding:1.0em; border-radius:4px; border:#4294f5 1px solid; border-top:#4294f5 4px solid; background:#fff; }
.tabsBody02.active {  }
.tabsWrapper input[type='text'] { padding-left:2.3em !important; }
.tabsWrapper select { padding-left:2.3em !important; }

.icon-areapin-bk {
	background-image:url('../images/common/icon-areapin-bk.png'), url('../images/common/select-arrow.png');
	background-repeat:no-repeat, no-repeat;
	background-position:6px center, 95% center;
	background-size:auto 1.0em, auto 0.4em;
}


/*######################################################################*/
/*																		*/
/*	icons																*/
/*																		*/
/*######################################################################*/

.icon_reserve-wh { padding-left:1.8em; background:url('../img/common/icon_reserve-wh.png') no-repeat 0 center; background-size:auto 1.0em; }
.icon_cart-wh { padding-left:1.8em; background:url('../img/common/icon_cart-wh.png') no-repeat 0 center; background-size:auto 1.0em; }
.icon_pin-wh { padding-left:1.8em; background:url('../img/common/icon_pin-wh.png') no-repeat 0 center; background-size:auto 1.0em; }
.icon_access-wh { padding-left:1.0em; background:url('../img/common/icon_pin-wh.png') no-repeat 0 center; background-size:auto 1.0em; }
.icon_mail-wh { padding-left:1.8em; background:url('../img/common/icon_mail-wh.png') no-repeat 0 center; background-size:auto 1.0em; }
.icon_tel-wh { padding-left:1.4em; background:url('../img/common/icon_tel-wh.png') no-repeat 0 center; background-size:auto 1.0em; }
.icon_tel-yl { padding-left:1.4em; background:url('../img/common/icon_tel-yl.png') no-repeat 0 center; background-size:auto 1.0em; }
.icon_tel2-wh { padding-left:1.4em; background:url('../img/common/icon_tel2-wh.png') no-repeat 0 center; background-size:auto 1.0em; }
.icon_share-wh { padding-left:1.4em; background:url('../img/common/icon_share-wh.png') no-repeat 0 center; background-size:auto 1.0em; }
.icon_share-gray { padding-left:1.4em; background:url('../img/common/icon_share-gray.png') no-repeat 0 center; background-size:auto 1.0em; }
.icon_arrow_left-gray { padding-left:1.4em; background:url('../img/common/icon_arrow_left-gray.png') no-repeat 0 center; background-size:auto 1.0em; }
.icon_arrow_right-gray { padding-left:1.4em; background:url('../img/common/icon_arrow_right-gray.png') no-repeat 0 center; background-size:auto 1.0em; }
.icon_arrow_left-bk { padding-left:1.4em; background:url('../img/common/icon_arrow_left-bk.png') no-repeat 0 center; background-size:auto 1.0em; }
.icon_arrow_right-bk { padding-left:1.4em; background:url('../img/common/icon_arrow_right-bk.png') no-repeat 0 center; background-size:auto 1.0em; }
.icon_sister-gray { padding-left:1.25em; background:url('../img/common/icon_sister-gray.png') no-repeat 0 center; background-size:auto 1.0em; }



/*######################################################################*/
/*																		*/
/*	text																*/
/*																		*/
/*######################################################################*/

.BlogHeadline { margin-bottom:25px; padding:15px; border:0 !important; border-bottom:#3e8ae8 2px solid !important; font-size:2.0em !important; text-align:center; background:url('../images/bg.png') no-repeat center center !important; background-size:cover; }
.BlogHeadline small { display:inline-block; margin-bottom:15px; padding:7px 15px; border-radius:20px; color:#ff0000 !important; font-size:0.6em !Important; font-weight:bolder !important; background:#fff; }
.BlogSubhead { padding:15px !important; border: 0 !important; border-top:#3e8ae8 7px double !important; border-bottom:#3e8ae8 7px double !important; color:#3e8ae8 !important; font-size:1.6em !important; font-weight:bolder !important; text-align:center !important; }

.BlogSidebar {  }
.BlogSidebar hr { display:block; margin:0 0 30px 0; padding:0; border:0; }
.BlogSidebar h3 { margin:0 0 10px 0; padding:0 0 0 12px; border:0; border-left:#3e8ae8 3px solid; color:#3e8ae8; font-size:1.8em; font-weight:bolder; }
.BlogSidebar ul { margin:0 0 20px 0; padding:0; border:0; }
.BlogSidebar ul li { display:block; position:relative; margin:0 0 10px 0; padding:0 0 10px 12px; border:0; border-bottom:#eee 1px solid; font-size:1.5em; }
.BlogSidebar ul li::before { content:''; position:absolute; left:2px; top:0.5em; border:transparent 3px solid; border-left:#3e8ae8 3px solid; }
.BlogSidebar ul li a { color:#101010 !important; }


.section h1 { margin:0 0 0.5em 0; padding:0.5em 1.0em; border-left:#3e8ae8 1.0em solid; font-size:2.0em; background:#fcfcfc; }
/*
.section h2 { position:relative; margin-bottom:0.75em; padding:0.35em 1.0em; border-radius:0 0 3px 3px; border:#3e8ae8 1px solid; border-top:#2874D1 3px solid; color:#fff; font-size:1.6em; font-weight:600; background:#3e8ae8; }
.section h3 { margin-bottom:0.75em; padding:0.35em 1.0em; border-radius:3px; border:#3e8ae8 1px solid; border-left:#3e8ae8 5px solid; color:#3e8ae8; font-size:1.4em; font-weight:600; background:#fcfcfc; }
*/
.section h2 { margin-bottom:25px; padding:15px; border:0 !important; border-bottom:#3e8ae8 2px solid !important; color:#fff !important; font-size:2.0em !important; font-weight:bloder !important; text-align:center; background:url('../images/bg.png') no-repeat center center !important; background-size:cover; }
.section h2 small { display:inline-block; margin-bottom:15px; padding:7px 15px; border-radius:20px; color:#ff0000 !important; font-size:0.6em !Important; font-weight:bolder !important; background:#fff; }
.section h3 { margin-bottom:25px; padding:15px !important; border: 0 !important; border-top:#3e8ae8 7px double !important; border-bottom:#3e8ae8 7px double !important; color:#3e8ae8 !important; font-size:1.6em !important; font-weight:bolder !important; text-align:center !important; }

.section h4 { position:relative; margin-bottom:0.75em; padding:0.35em 1.0em 0.35em 1.0em; color:#3e8ae8; font-size:1.3em; font-weight:600; background:#f6f6f6; }
.section h5 { margin-bottom:0.75em; padding:0.2em 1.0em; border-left:#3e8ae8 3px solid; color:#3e8ae8; line-height:1.0; font-size:1.2em; font-weight:600; }
.section h6 { position:relative; margin:0 0 0.75em 0; padding:0 0 0.5em 0; color:#3e8ae8; font-size:1.1em; font-weight:600; }
@media (min-width: 320px) and (max-width: 728px) {
	.section h1 { font-size:1.4em; }
	.section h2 { font-size:1.3em; }
	.section h3 { font-size:1.2em; }
	.section h4 { font-size:1.1em; }
	.section h5 { font-size:1.0em; }
	.section h6 {  }

.section h2 { margin-bottom:25px; padding:15px; border:0 !important; border-bottom:#3e8ae8 2px solid !important; color:#fff !important; font-size:1.3em !important; font-weight:bloder !important; text-align:center; background:url('../images/bg.png') no-repeat center center !important; background-size:cover; }
.section h2 small { display:inline-block; margin-bottom:15px; padding:7px 15px; border-radius:20px; color:#ff0000 !important; font-size:0.6em !Important; font-weight:bolder !important; background:#fff; }
.section h3 { margin-bottom:25px; padding:15px !important; border: 0 !important; border-top:#3e8ae8 7px double !important; border-bottom:#3e8ae8 7px double !important; color:#3e8ae8 !important; font-size:1.1em !important; font-weight:bolder !important; text-align:center !important; }
}

.pagesTitle { position:relative; width:100%; min-height:160px; margin:0 0 3.0em 0; background:#fff url('../img/pagetitle/pagetitle_bg.png') no-repeat right bottom; }
    .pagesTitle.about { background:#fff url('../img/pagetitle/pagetitle_bg-about.png') no-repeat right top; }
    .pagesTitle.life { background:#fff url('../img/pagetitle/pagetitle_bg-life.png') no-repeat right center; }
    .pagesTitle.recruit { background:#fff url('../img/pagetitle/pagetitle_bg-recruit.png') no-repeat right top; }
    .pagesTitle.other { background:#fff url('../img/pagetitle/pagetitle_bg-other.png') no-repeat right bottom; }

.headline-h1 { margin-bottom:0.65em !important; padding:0 0 0 0.0em !important; border:0 !important; color:inherit !important; font-size:2.0em !important; font-weight:400 !important; background:transparent url('../img/common/icon_slidecaption.png') no-repeat 0 0 !important; }
/*.headline-h2 { position:relative; margin:0 0 1.0em 0 !important; padding:0.35em 1.0em 0.35em 1.0em !important; border-radius:0 !important; border:0 !important; color:#333 !important; font-size:1.75em !important; font-weight:600 !important; background:#F2F7FD url('../img/common/title_bg01.png') !important; }*/
.headline-h2B { position:relative; margin:0 0 1.0em 0 !important; padding:0.35em 1.0em 0.35em 5.0em !important; border-radius:0 !important; border:0 !important; color:#333 !important; font-size:1.75em !important; font-weight:600 !important; background:#F2F7FD url('../img/common/title_bg01.png') !important; }
.headline-h2B:before { content:''; display:block; position:absolute; top:0; left:0; width:4em; height:100%; background:url('../img/common/headline_bg.png') no-repeat right 0; background-size:auto 100%; }
.headline-h2C { margin-bottom:0.75em; padding:0.35em 1.0em; border-radius:3px; border:#48c0bc 1px solid; color:#fff; font-size:1.6em; font-weight:600; background:#48c0bc; }

h2.headline-h3,
h3.headline-h3 { margin-bottom:auto !important; padding:auto !important; border:0 !important; color:inherit !important; font-size:inherit !important; font-weight:inherit !important; background:transparent !important; }
/*.headline-h3 { margin-bottom:0.5em !important; padding:0.5em 1.0em !important; border:0 !important; color:#fff !important; font-size:1.15em !important; font-weight:600 !important; background:#3E8AE8 !important; }*/


.headline-h2 { margin-bottom:25px; padding:15px; border:0 !important; border-bottom:#3e8ae8 2px solid !important; color:#fff !important; font-size:2.0em !important; font-weight:bloder !important; text-align:center; background:url('../images/bg.png') no-repeat center center !important; background-size:cover; }
.headline-h2 small { display:inline-block; margin-bottom:15px; padding:7px 15px; border-radius:20px; color:#ff0000 !important; font-size:0.6em !Important; font-weight:bolder !important; background:#fff; }
.headline-h3 { margin-bottom:25px; padding:15px !important; border: 0 !important; border-top:#3e8ae8 7px double !important; border-bottom:#3e8ae8 7px double !important; color:#3e8ae8 !important; font-size:1.6em !important; font-weight:bolder !important; text-align:center !important; }


.headline-h4 { margin-bottom:0.5em !important; padding:0.5em 1.0em !important; border:0 !important; color:inherit !important; font-size:1.15em !important; font-weight:600 !important; background:#ededed !important; }
.headline-h5 { margin-bottom:0 !important; padding:0 !important; border:0 !important; color:inherit !important; font-size:1.0em !important; font-weight:400 !important; background:none !important; }
	.headline-h5:before { content:none; }
.headline-h6 { margin-bottom:0 !important; padding:0 !important; border:0 !important; color:inherit !important; font-size:1.0em !important; font-weight:400 !important; background:none !important; }


@media (min-width:320px) and (max-width:640px) {
	.pagesTitle { position:relative; width:100%; min-height:120px; margin:0 0 1.2em 0; padding:15px 0; background:#fff url('../img/common/pagetitle_bg-sp.png') no-repeat right bottom; background-size:auto 100%; }
        .pagesTitle.about { background:#fff url('../img/pagetitle/pagetitle_bg-about-sp.png') no-repeat right top; }
        .pagesTitle.life { background:#fff url('../img/pagetitle/pagetitle_bg-life-sp.png') no-repeat right center; }
        .pagesTitle.recruit { background:#fff url('../img/pagetitle/pagetitle_bg-recruit-sp.png') no-repeat right top; }
        .pagesTitle.other { background:#fff url('../img/pagetitle/pagetitle_bg-other-sp.png') no-repeat right bottom; }

	.headline-h1 { margin-bottom:0.75em !important; font-size:1.75em !important; }
	/*.headline-h2 { font-size:1.3em !important; font-weight:600 !important; }*/
		.headline-h2B { position:relative; margin:0 0 1.0em 0 !important; padding:0.55em 1.0em 0.55em 1.0em !important; border-radius:0 !important; border:0 !important; color:#333 !important; font-size:1.2em !important; font-weight:600 !important; background:#fcfcfc url('../img/common/title_bg01.png') !important; }
		.headline-h2B:before { content:''; display:block; position:relative; float:left; top:0; left:-1.0em; width:2em; height:1.5em; background:url('../img/common/headline_bg.png') no-repeat right 0; background-size:auto 100%; }
	.headline-h2C { margin-bottom:0.75em; padding:0.35em 1.0em; border-radius:3px; border:#48c0bc 1px solid; color:#fff; font-size:1.6em; font-weight:600; background:#48c0bc; }
	/*.headline-h3 { margin-bottom:0.75em !important; font-size:1.1em !important; }*/
h2.headline-h3,
h3.headline-h3 { margin-bottom:auto !important; padding:auto !important; border:0 !important; color:inherit !important; font-size:inherit !important; font-weight:inherit !important; background:transparent !important; }
.headline-h2 { margin-bottom:25px; padding:15px; border:0 !important; border-bottom:#3e8ae8 2px solid !important; color:#fff !important; font-size:1.3em !important; font-weight:bloder !important; text-align:center; background:url('../images/bg.png') no-repeat center center !important; background-size:cover; }
.headline-h2 small { display:inline-block; margin-bottom:15px; padding:7px 15px; border-radius:20px; color:#ff0000 !important; font-size:0.6em !Important; font-weight:bolder !important; background:#fff; }
.headline-h3 { margin-bottom:25px; padding:15px !important; border: 0 !important; border-top:#3e8ae8 7px double !important; border-bottom:#3e8ae8 7px double !important; color:#3e8ae8 !important; font-size:1.1em !important; font-weight:bolder !important; text-align:center !important; }

	.headline-h4 { margin-bottom:0.75em !important; font-size:1.1em !important; }
	.headline-h5 { margin-bottom:0.75em !important; font-size:1.0em !important; }
		.headline-h5:before { content:none; }
	.headline-h6 { margin-bottom:0.00em !important; font-size:1.0em !important; font-weight:600 !important; }
}

	.icon-latest:before { content:''; display:block; position:absolute; left:0; top:-0.4em; width:3.6em; height:3.6em; border-radius:0 50% 50% 0; background:#fff url('../img/common/icon-latest.png') no-repeat 0 center; background-size:cover; }
	.icon-latest { padding-left:4.5em !important; line-height:1.2; }
	.icon-event:before { content:''; display:block; position:absolute; left:0; top:-0.4em; width:3.6em; height:3.6em; border-radius:0 50% 50% 0; background:#fff url('../img/common/icon-event.png') no-repeat 0 center; background-size:cover; }
	.icon-event { padding-left:4.5em !important; line-height:1.2; }
	.icon-service:before { content:''; display:block; position:absolute; left:0; top:-0.4em; width:3.6em; height:3.6em; border-radius:0 50% 50% 0; background:#fff url('../img/common/icon-service.png') no-repeat 0 center; background-size:cover; }
	.icon-service { padding-left:4.5em !important; line-height:1.2; }
	.icon-message:before { content:''; display:block; position:absolute; left:0; top:-0.4em; width:3.6em; height:3.6em; border-radius:0 50% 50% 0; background:#fff url('../img/common/icon-message.png') no-repeat 0 center; background-size:cover; }
	.icon-message { padding-left:4.5em !important; line-height:1.2; }
	.icon-access:before { content:''; display:block; position:absolute; left:0; top:-0.4em; width:3.6em; height:3.6em; border-radius:0 50% 50% 0; background:#fff url('../img/common/icon-access.png') no-repeat 0 center; background-size:cover; }
	.icon-access { padding-left:4.5em !important; line-height:1.2; }




.color-lightgreen { color:#83c03b; }
.color-purple { color:#b76ec6; }
.color-red { color:#ff3535; }
.color-blue { color:#1b72d9; }
.color-orange {  }
.color-gray { color:#999; }

.color-white { color:#fff !important; }
.color-darkred { color:#7f1b20 !important; }
.color-blue { color:#2874D1 !important; }
.color-green { color:#349a96 !important; }
.color-darkgreen { color:#21827f !important; }
.color-darkblue { color:#00499f !important; }
.color-yellow { color:#fed126 !important; }
.color-gold { color:#ae934c !important; }
.color-rouge { color:#b74b6c !important; }

.text-ss { font-size:75%; }
.text-s { font-size:90%; }
.text-m { font-size:110%; }
.text-l { font-size:130%; }
.text-ll { font-size:150%; }
.text-note { color:#999; font-size:80%; }

.red { color:#ff2525; }
.blue { color:rgb(1,90,217); }
.wh { color:#fff !important; }


/*######################################################################*/
/*																		*/
/*	layout																*/
/*																		*/
/*######################################################################*/

.post-type-archive-blog #search-result-count { display:none; }

.BlogTitle { max-width:980px; margin:0 auto 30px; }
.BlogTitleInner {}
.BlogTitleInner h2 { padding-left:0.75em; border-left:#3e8ae8 3px solid; line-height:1.0; font-size:2.7em; font-weight:bolder; }
.BlogTitleInner h2 small { display:inline-block; margin-left:1.0em; }

.BlogWrap { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; max-width:980px; margin:0 auto 40px; }
.BlogLists { width:72%; }
.BlogListsInner li { margin-bottom:25px; padding-bottom:25px; border-bottom: #ececec 1px solid; line-height:1.5; font-size:1.0rem; }
.BlogListsThums { display:block; width:20%; }
.BlogListsThums img { width:100%; height:100%; object-fit:cover; }
.BlogListsInner h3 { font-size:1.6rem; font-weight:bolder; }
.BlogListsInner h3 time { display: block; margin-bottom:5px; color:#666; font-size:0.8rem; font-weight:normal; }
.BlogListsInner .iconNews { display:inline-block; margin-right:0.75em; padding:0.5em 1.0em; border-radius:2px; color:#fff; line-height:1.0; font-size:0.6rem; font-weight:bolder; background:#3e8ae8; }
.BlogListsInner p small { display:none; margin-top:10px; color:#666; font-size:0.8rem; }
.BlogListsInner p small .material-icons { color:#aaa; }

.BlogPosts { width:72%; }
.BlogSidebar { width:25%; }


@media (min-width:320px) and (max-width:640px) {
	.post-type-archive-blog #search-result-count { display:none; }

	.BlogTitle { width:90%; max-width:90%; margin:0 auto 30px; }
	.BlogTitleInner {}
	.BlogTitleInner h2 { padding-left:0.75em; border-left:#3e8ae8 3px solid; line-height:1.0; font-size:2.7em; font-weight:bolder; }
	.BlogTitleInner h2 small { display:inline-block; margin-left:1.0em; }

	.BlogWrap { width:90%; max-width:90%; margin:0 auto 40px; }
	.BlogLists { }
	.BlogListsInner li { margin-bottom:25px; padding-bottom:25px; border-bottom: #ececec 1px solid; line-height:1.5; font-size:1.0rem; }
	.BlogListsThums { display:block; width:100%; }
	.BlogListsThums img { width:100%; height:100%; object-fit:cover; }
	.BlogListsInner h3 { font-size:1.6rem; font-weight:bolder; }
	.BlogListsInner h3 time { display: block; margin-bottom:5px; color:#666; font-size:0.8rem; font-weight:normal; }
	.BlogListsInner .iconNews { display:inline-block; margin-right:0.75em; padding:0.5em 1.0em; border-radius:2px; color:#fff; line-height:1.0; font-size:0.6rem; font-weight:bolder; background:#3e8ae8; }
	.BlogListsInner p small { display:none; margin-top:10px; color:#666; font-size:0.8rem; }
	.BlogListsInner p small .material-icons { color:#aaa; }

	.BlogPosts { width:100%; }
	.BlogSidebar { width:100%; }
}

.cover {  }
.cover:after { content:''; display:block; clear:both; height:0; }
	.cover .x2 { float:left; width:49%; }
	.cover .x2:nth-child(1) { margin-right:2%; }
	.cover .x2:nth-child(3) { margin-right:2%; }
	.cover .x2-full { float:left; width:50%; }

	.cover .x3 { float:left; width:32%; }
	.cover .x3:nth-child(4), .cover .x3:nth-child(7), .cover .x3:nth-child(10), .cover .x3:nth-child(13) { clear:both; }
	.cover .x3:nth-child(2), .cover .x3:nth-child(5), .cover .x3:nth-child(8), .cover .x3:nth-child(11) { margin-left:2%; margin-right:2%; }
	.cover .x3-full { float:left; width:33.3333%; }

		.cover .x3.cap_block { float:left; width:32%; }
		.cover .x3.cap_block:nth-child(4) { clear:both; }
		.cover .x3.cap_block:nth-child(2), .cover .x3.cap_block:nth-child(5) { margin-left:2%; margin-right:2%; }

	.cover .x3-1 { float:left; width:40%; }
	.cover .x3-2 { float:left; width:58%; margin-right:2%; }

	.cover .x4 { float:left; width:24%; }
	.cover .x4:nth-child(5), .cover .x4:nth-child(9) { clear:both; }
	.cover .x4:nth-child(2), .cover .x4:nth-child(6), .cover .x4:nth-child(10) { margin-left:1.3333%; }
	.cover .x4:nth-child(3), .cover .x4:nth-child(7), .cover .x4:nth-child(11) { margin-left:1.3333%; margin-right:1.3333%; }

	.cover .x4-1 { float:left; width:20%; margin-right:4%; }
	.cover .x4-3 { float:left; width:71%; }

	.cover .x5 { float:left; width:18%; }
	.cover .x5:nth-child(6), .cover .x5:nth-child(11), .cover .x5:nth-child(16) { clear:both; }
	.cover .x5:nth-child(2), .cover .x5:nth-child(7), .cover .x5:nth-child(12) { margin-left:2.5%; }
	.cover .x5:nth-child(3), .cover .x5:nth-child(8), .cover .x5:nth-child(13) { margin-left:2.5%; margin-right:2.5%; }
	.cover .x5:nth-child(4), .cover .x5:nth-child(9), .cover .x5:nth-child(14) { margin-right:2.5%; }

@media (min-width:320px) and (max-width:640px) {
	.cover .x2 { float:none; width:100%; margin-right:0; }
		.cover .x2.cap_block { float:left; width:49%; margin-right:2%; }
		.cover .x2.cap_block:nth-child(even) { margin-right:0; }
	.cover .x3 { float:none; width:100%; }
	.cover .x3:nth-child(2), .cover .x3:nth-child(5) { margin-left:0; margin-right:0; }

		.cover .x3.cap_block { float:left; width:32%; }
		.cover .x3.cap_block:nth-child(4) { clear:both; }
		.cover .x3.cap_block:nth-child(2), .cover .x3.cap_block:nth-child(5) { margin-left:2%; margin-right:2%; }

	.cover .x3-1 { float:none; width:100%; margin:0 0 1.5em; }
	.cover .x3-2 { float:none; width:100%; }

	.cover .x4 { float:left; width:49%; }
		.cover .x4:nth-child(5), .cover .x4:nth-child(9) { clear:inherit; }
		.cover .x4:nth-child(2), .cover .x4:nth-child(6), .cover .x4:nth-child(10) { margin-left:0; }
		.cover .x4:nth-child(3), .cover .x4:nth-child(7), .cover .x4:nth-child(11) { margin-left:0; margin-right:0; }
	.cover .x4:nth-child(3), .cover .x4:nth-child(5) { clear:both; }
	.cover .x4:nth-child(1), .cover .x4:nth-child(3), .cover .x4:nth-child(5) { margin-right:2%; }

	.cover .x5 { float:left; width:49%; margin-bottom:1.0em; }
	.cover .x5:nth-child(2), .cover .x5:nth-child(7), .cover .x5:nth-child(12) { margin-left:0; }
	.cover .x5:nth-child(3), .cover .x5:nth-child(8), .cover .x5:nth-child(13) { margin-left:0; margin-right:0; }
	.cover .x5:nth-child(4), .cover .x5:nth-child(9), .cover .x5:nth-child(14) { margin-right:0; }
	.cover .x5:nth-child(2), .cover .x5:nth-child(4), .cover .x5:nth-child(6) { margin-left:0; }
	.cover .x5:nth-child(1), .cover .x5:nth-child(3), .cover .x5:nth-child(5) { margin-left:0; margin-right:2%; }
}

.img_right { float:right; margin:0 0 10px 10px; }
.img_left { float:left; margin:0 10px 10px 0; }
@media (min-width:320px) and (max-width:640px) {
	.img_right { float:right; width:45%; height:auto; margin:0 0 0.55em 5% !important; text-align:center; }
	.img_left { float:left; width:45%; height:auto; margin:0 5% 0.55em 0 !important; text-align:center; }

	.img_right.SP-full { display:block; float:none; width:80%; height:auto; margin:0 auto 0.55em auto !important; text-align:center; }
	.img_left.SP-full { display:block; float:none; width:80%; height:auto; margin:0 auto 0.55em auto !important; text-align:center; }
}

/* section */
.section { width:100%; margin:0 auto 5em; font-size:1.0rem; }
.section:after { content:''; display:block; clear:both; height:0; }
.sectionTitle { margin-bottom:1.0em; }
.sectionTitle sub { display:block; color:rgba(52,154,150,1.0); font-size:0.4em; }
.Title { position:relative; margin:0 0 1.0em 0; }
.indent { padding-left:3.0em; }

@media (min-width:320px) and (max-width:728px) {
	.Inner { width:100%; margin-left:auto; margin-right:auto; }
	.section { min-width:inherit; }
	.section:after { content:''; display:block; clear:both; height:0; }
	.sectionTitle { margin-bottom:1.0em; }
	.sectionTitle sub { display:block; color:rgba(52,154,150,1.0); font-size:0.4em; }
	.Title { position:relative; margin:0 0 1.0em 0; }
	.indent { padding-right:1.0em; padding-left:1.0em; }
}

/*.sample { width:96%; margin:0 auto; padding:1.0em; border:#ddd 2px dashed; }*/

/* section --- common */
.section .headline { position:relative; margin-bottom:1.5em; padding:0.7em 0.7em 0.55em 1.0em; border:rgba(1,90,217,1.0) 1px solid; border-left:rgba(1,90,217,1.0) 2.25em solid; border-radius:3px; color:rgba(1,90,217,1.0); line-height:1.0; font-size:1.2em; font-weight:600; }
.section .headline:before { content:''; display:block; position:absolute; top:0.8em; left:-1.6em; z-index:2; width:10px; height:10px; border-right:rgba(255,255,255,1.0) 1px solid; border-top:rgba(255,255,255,1.0) 1px solid; transform:rotate(45deg); }
.section .text-catch { margin-bottom:0.5em; font-size:1.7em; font-weight:600; }
.section .text-lead { margin-bottom:0.5em; font-size:1.4em; }

@media (min-width: 320px) and (max-width: 728px) {
	.section .text-catch { font-size:1.4em; }
	.section .text-lead { font-size:1.3em; }
}

.section .headline-check { margin-bottom:0.75em; color:#ff2525; font-size:1.1em; font-weight:600; }
.section .headline-check:before { content:'✓'; display:inline-block; position:relative; top:-0.25em; width:1.5em; height:1.5em; margin-right:0.35em; border-radius:1.0em; border:#ff2525 1px solid; line-height:1.75em; text-align:center; font-size:0.5em; font-weight:600; }
.section .headline-strong { margin-bottom:0.75em; color:rgba(1,90,217,1.0); font-size:1.1em; font-weight:600; }
.section .headline-strong small { color:#878787; font-family:'Open Sans'; font-size:0.75em; }
.section .headline-bold { margin-bottom:0.75em; font-size:1.1em; font-weight:600; }
.section .headline-question { position:relative; margin-bottom:1.5em; padding:0.7em 0.7em 0.55em 1.0em; border:rgba(1,90,217,1.0) 1px solid; border-left:rgba(1,90,217,1.0) 2.25em solid; border-radius:3px; color:rgba(1,90,217,1.0); line-height:1.0; font-size:1.2em; font-weight:600; }
.section .headline-question:before { content:'Q'; display:block; position:absolute; top:0.65em; left:-1.5em; z-index:2; color:#fff; line-height:1.0; font-family:'Open Sans'; font-size:1.0em; font-weight:600; }
.section .headline_green { display:block; margin-bottom:1.5em; padding:0.5em; border-radius:3px; color:#fff; text-align:center; background:#94da49; }
.section p { margin-bottom:1.5em; }
.section figure { display:block; margin-bottom:1.5em; }
.section figcaption { padding-top:0.75em; line-height:1.3; }
.section figure img { width:100%; height:auto; }
.section ul { margin-bottom:1.5em; }
.section ol { margin-bottom:1.5em; }
	.section .nums {  }
	.section .nums li { position:relative; padding-left:2.5em; }
	.section .nums li:nth-child(1):before { content:'1'; display:block; position:absolute; top:0.1em; left:0; width:2em; padding:0.3em 0.4em; border-radius:2px; line-height:1.0; font-family:'Open Sans'; font-size:1.0em; text-align:center; }
	.section .nums li:nth-child(2):before { content:'2'; display:block; position:absolute; top:0.1em; left:0; width:2em; padding:0.3em 0.4em; border-radius:2px; line-height:1.0; font-family:'Open Sans'; font-size:1.0em; text-align:center; }
	.section .nums li:nth-child(3):before { content:'3'; display:block; position:absolute; top:0.1em; left:0; width:2em; padding:0.3em 0.4em; border-radius:2px; line-height:1.0; font-family:'Open Sans'; font-size:1.0em; text-align:center; }
	.section .nums li:nth-child(4):before { content:'4'; display:block; position:absolute; top:0.1em; left:0; width:2em; padding:0.3em 0.4em; border-radius:2px; line-height:1.0; font-family:'Open Sans'; font-size:1.0em; text-align:center; }
	.section .nums li:nth-child(5):before { content:'5'; display:block; position:absolute; top:0.1em; left:0; width:2em; padding:0.3em 0.4em; border-radius:2px; line-height:1.0; font-family:'Open Sans'; font-size:1.0em; text-align:center; }
	.section .nums li:nth-child(6):before { content:'6'; display:block; position:absolute; top:0.1em; left:0; width:2em; padding:0.3em 0.4em; border-radius:2px; line-height:1.0; font-family:'Open Sans'; font-size:1.0em; text-align:center; }
	.section .nums li:nth-child(7):before { content:'7'; display:block; position:absolute; top:0.1em; left:0; width:2em; padding:0.3em 0.4em; border-radius:2px; line-height:1.0; font-family:'Open Sans'; font-size:1.0em; text-align:center; }
	.section .nums li:nth-child(8):before { content:'8'; display:block; position:absolute; top:0.1em; left:0; width:2em; padding:0.3em 0.4em; border-radius:2px; line-height:1.0; font-family:'Open Sans'; font-size:1.0em; text-align:center; }
	.section .nums li:nth-child(9):before { content:'9'; display:block; position:absolute; top:0.1em; left:0; width:2em; padding:0.3em 0.4em; border-radius:2px; line-height:1.0; font-family:'Open Sans'; font-size:1.0em; text-align:center; }
	.section .nums li:nth-child(10):before { content:'10'; display:block; position:absolute; top:0.1em; left:0; width:2em; padding:0.3em 0.4em; border-radius:2px; line-height:1.0; font-family:'Open Sans'; font-size:1.0em; text-align:center; }

	.section .arrows li { position:relative; padding-left:2.5em; }
	.section .arrows li:before { content:''; display:block; position:absolute; top:0.9em; left:0.65em; width:0; height:0; margin-top:-0.25em; border:transparent 4px solid; border-left:#999 4px solid; }
	.section .listLink li { position:relative; padding-left:2.5em; }
	.section .listLink li:before { content:''; display:block; position:absolute; top:0.9em; left:0.65em; width:0; height:0; margin-top:-0.25em; border:transparent 4px solid; border-left:#358b9e 4px solid; }
	.section .bullets li { position:relative; padding-left:2.5em; }
	.section .bullets li:before { content:''; display:block; position:absolute; top:0.9em; left:0; width:0.4em; height:0.4em; margin-top:-0.35em; border-radius:1.0em; border:#f2db9f 2px solid; }


.section dl { margin-bottom:1.5em; }
.section dl:after { content:''; display:block; clear:both; height:0; }
.section dt { clear:both; float:left; width:25%; padding:0.8em 0 0.6em; color:#3E8AE8; font-weight:600; }
	.section dt time { color:rgba(1,90,217,1.0); }
.section dd { float:left; width:75%; padding:0.8em 0 0.6em; }
	.section dd a { text-decoration:none; }
.section iframe { display:block; width:100%; height:40em; margin:0 0 1.5em 0; padding:0; border:#ededed 1px solid; }
.section table { width:100%; margin-bottom:2.5em; border-collapse:collapse; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; border-left:#ccc 1px solid; }
.section thead { border-bottom:#ddd 2px double; background:#F2F7FD; }
.section tbody {  }
.section th, .section td { padding:0.7em 0.4em; vertical-align:middle; border-right:#ddd 1px solid; }
.section .th01 { background:#F2F7FD !important; word-break:keep-all; white-space:nowrap; }
.section th { word-break:keep-all; white-space:nowrap; }
.section tr { border-bottom:#ddd 1px solid; }
.section tr:nth-child(even) { background:#fcfcfc; }
.section thead th { font-weight:600; }
.section thead td {  }
.section tbody th { background:#f8f8f8; }
.section tbody td {  }
.section table + .note { margin:-2.0em 0 2.0em 0; text-align:right; }

@media (min-width: 320px) and (max-width: 728px) {
.section dl { margin-bottom:1.5em; }
.section dl:after { content:''; display:block; clear:both; height:0; }
.section dt { clear:both; float:none; width:100%; padding:0.0em 0 0.6em; font-weight:600; }
	.section dt time { color:rgba(73,192,109,1.0); }
.section dd { float:none; width:100%; padding:0.0em 0 0.6em; }
	.section dd a { text-decoration:none; }

.section table.table2col {  }
.section table.table2col th { display:block; border-bottom:#ddd 1px solid; }
.section table.table2col td { display:block; }

.section table.tablewide { border: none; display: block; border-bottom:0; }
.section table.tablewide tr { border-bottom:0; }
.section table.tablewide thead { display: block; float: left; overflow-x: scroll; border-bottom:0; }
.section table.tablewide thead th { border-left: 1px solid #d4d3d3; }
.section table.tablewide th,
.section table.tablewide td{ border-top: 1px dotted #b6b6b6; border-left: 1px dotted #b6b6b6; border-bottom: none; border-right: none; padding: 5px 8px; }
.section table.tablewide thead th:first-child,
.section table.tablewide tbody th { border-top: 1px solid #d4d3d3; }
.section table.tablewide thead th:last-child,
.section table.tablewide tbody td:last-child { border-bottom: 1px solid #d4d3d3; }
.section table.tablewide tbody tr:last-child th,
.section table.tablewide tbody tr:last-child td { border-right: 1px solid #d4d3d3; }
.section table.tablewide th{  display: block; width: auto; }
.section table.tablewide tbody { display: block; width: auto; overflow-x: auto; white-space: nowrap; }
.section table.tablewide tbody tr{  display: inline-block;  margin: 0 -3px; }
.section table.tablewide td{  display: block; text-align: center; }

.section table.tablelist,
.section table.tablelist tbody,
.section table.tablelist tr { display:block; width:100%; margin-bottom:1.0em; border:0 !important; }
.section table.tablelist {  }
.section table.tablelist th { display:block; }
.section table.tablelist td { display:block; }
.section table.tablelist th { margin-bottom:0.3em; border:#ccc 1px solid; }
.section table.tablelist td { border:0; }
.section table.tablelist td:last-child { border:0; }
.section table.tablelist td { display: list-item !important; list-style-type:disc; margin:0 0 -0.35em 2.0em; }

}

.cap_block { display:block; position:relative; }
.cap_block img { position:relative; z-index:1; width:100%; height:auto; }
.cap_block figcaption { position:absolute; bottom:0; left:0; z-index:2; width:100%; height:auto; padding:0.65em; color:#fff; text-align:center; background:rgba(0,0,0,0.65); }
@media (min-width: 320px) and (max-width: 728px) {
	.cap_block figcaption { position:relative; bottom:inherit; left:inherit; z-index:2; width:100%; height:auto; padding:0.65em 0 0 1.0em; color:#444; text-align:left; font-size:85%; background:none; background:url('../img/common/icon_arrow_right-bk.png') no-repeat 0 0.8em; background-size:auto 0.8em; }
}

/* section form */
.section form { margin:0; padding:0; border:0; }
.section fieldset { display:block; position:relative; margin-bottom:0.5em; padding:0; border:0; }
.section input[type='text'],
.section input[type='email'],
.section input[type='password'],
.section select,
.section textarea { position:relative; margin:0 0.35em 0.35em 0; padding:0.35em 0.65em; border:0; border:#ddd 1px solid; border-radius:3px; line-height:1.2; font-size:16px; background-color:transparent; background-color:#fff; outline:none; appearance:none; -webkit-appearance:none; }
.section input[type='radio'],
.section input[type='checkbox'] { display:inline-block; margin:0; padding:0; border:0; width:0; height:0; outline:none; appearance:none; -webkit-appearance:none; }

/*.wpcf7-list-item input[type='radio'] { appearance:radio !important; -webkit-appearance:radio !important; }*/


.section form fieldset + p { margin:0; }
@media (min-width:320px) and (max-width:640px) {
	.section input[type='text'],
	.section input[type='email'],
	.section input[type='password'],
	.section select,
	.section textarea { width:100%; }
}

/* radio */
.radio { border-radius:3px; border:#ddd 1px solid !important; background:#fff; }
.radio:after { content:''; display:block; clear:both; height:0; }
.radio legend { display:block; float:left; width:30%; padding:0.3em 0.6em; color:#666; text-align:center; background:#fafafa; }
.radio.x2 label { display:block; float:left; width:35%; padding:0.3em 0.6em; text-align:center; cursor:pointer; }
.radio.x2 input + span > .radioButton { display:inline-block; position:relative; top:-0.15em; float:; width:2.0em; height:2.0em; margin-right:0.4em; border-radius:2.0em; border:#ccc 2px solid; color:#ccc; font-size:50%; text-align:center; }
.radio.x2 input:checked + span > .radioButton { display:inline-block; position:relative; top:-0.15em; float:; width:2.0em; height:2.0em; margin-right:0.4em; border-radius:2.0em; border:#83c03b 2px solid; color:#83c03b; font-size:50%; text-align:center; }
.radio.x2 input:checked + span { color:#83c03b; font-weight:600; }

/* checkbox */
.checkbox {  }
.checkbox label { display:block; cursor:pointer; }
.checkbox input + span > .radioButton { display:inline-block; position:relative; top:-0.15em; float:; width:2.0em; height:2.0em; margin-right:0.4em; border-radius:2.0em; border:#ccc 2px solid; color:#ccc; font-size:50%; text-align:center; }
.checkbox input:checked + span > .radioButton { display:inline-block; position:relative; top:-0.15em; float:; width:2.0em; height:2.0em; margin-right:0.4em; border-radius:2.0em; border:#83c03b 2px solid; color:#83c03b; font-size:50%; text-align:center; }
.checkbox input:checked + span { color:#83c03b; font-weight:600; }

/* select */
.selectWrap {  }
.selectWrap:after { content:''; display:block; clear:both; height:0; }
.selectWrap.x2 { position:relative; border-radius:3px; border:#ddd 1px solid; background:#fff; }
.selectWrap.x2 .selectInner { position:relative; }
.selectWrap.x2 fieldset {  }
.selectWrap.x2 fieldset:after { content:''; display:block; clear:both; height:0; }
.selectWrap.x2 legend { display:block; float:left; width:30%; padding:0.3em 0.6em; border-radius:3px 0 0 3px; background:#fff; color:#666; text-align:center; background:#fafafa; }
.selectWrap.x2 select { display:block; float:left; width:70%; margin:0; padding:0.3em 0.6em; border-radius:0 3px 3px 0; border:0; border-bottom:0; color:#666; line-height:1.4; text-align:center; background:#fff; }
.selectWrap.x2 .select { display:block; position:absolute; top:0.65em; right:10px; z-index:2; width:1.0em; height:1.0em; color:#000; }

.selectWrap.x3 {  }
.selectWrap.x3 .selectInner { background:transparent; }
.selectWrap.x3 fieldset {  }
.selectWrap.x3 legend { display:block; float:none; width:100%; padding:0.3em 0.6em; border-radius:3px 3px 0 0; border:#ddd 1px solid; border-bottom:0; background:#fff; background:#fff; color:#666; text-align:center; background:#fafafa; }
.selectWrap.x3 select { /* border-radius:0 0 3px 3px; */ }
.fieldset-selectInner { position:relative; height:2.4em; margin-bottom:1.0em; padding:0; border-radius:0 0 3px 3px; border:#ddd 1px solid; background:#fff; }
.fieldset-selectInner:after { content:''; display:block; clear:both; height:0; }
.fieldset-selectInner .select { position:absolute; top:50%; right:1.4em; z-index:2; margin-top:-0.7em; font-size:0.6em; }
.fieldset-selectInner select { display:block; position:absolute; width:100%; height:100%; padding-right:2em; border:0; }

/* zip */
.zipWrap {  }
.zipWrap:after { content:''; display:block; clear:both; height:0; }
.zipWrap.x2 { position:relative; border-radius:3px; border:#ddd 1px solid; background:#fff; }
.zipWrap.x2 .selectInner { position:relative; }
.zipWrap.x2 fieldset {  }
.zipWrap.x2 fieldset:after { content:''; display:block; clear:both; height:0; }
.zipWrap.x2 legend { display:block; float:left; width:30%; padding:0.3em 0.6em; border-radius:3px 0 0 3px; background:#fff; color:#666; text-align:center; background:#fafafa; }
.zipWrap.x2 input[type='text'] { display:block; float:left; width:70%; margin:0; padding:0.3em 0.6em; border-radius:0 3px 3px 0; border:0; border-bottom:0; color:#666; line-height:1.4; text-align:center; background-color:#fff; }

/* shoolname */
.schoolNameWrap {  }
.schoolNameWrap:after { content:''; display:block; clear:both; height:0; }
.schoolNameWrap.x2 { position:relative; border-radius:3px; border:#ddd 1px solid; background:#fff; }
.schoolNameWrap.x2 .schoolNameInner { position:relative; float:left; width:70%; margin:0; }
.schoolNameWrap.x2 fieldset {  }
.schoolNameWrap.x2 fieldset:after { content:''; display:block; clear:both; height:0; }
.schoolNameWrap.x2 legend { display:block; float:left; width:30%; padding:0.3em 0.6em; border-radius:3px 0 0 3px; background:#fff; color:#666; text-align:center; background:#fafafa; }
.schoolNameInner input { display:block; position:absolute; width:100%; height:100%; min-height:32px; margin:0; padding:0.3em 0.6em; border-radius:0 3px 3px 0; border:0; border-bottom:0; color:#666; line-height:1.4; text-align:center; background-color:#fff; outline:0; appearance:none; -webkit-appearance:none; }



/* featureBox */
.featureBox { margin-bottom:2em; border:#58a6fd 3px solid; border-radius:4px; }
.featureBox .headline_feature { padding:0.5em 1.0em; border-radius:4px 4px 0 0; border-left:rgba(1,90,217,1.0) 5px solid; font-weight:600; background:#e8e8e8; }
.featureBox .featureInner { padding:1.6em; }
.featureBox .featureInner figure { margin-bottom:0; }


.text-left { text-align:left; }
.text-center { text-align:center !important; }
.text-right { text-align:right !important; }

.note { color:#999; font-size:0.8em; }
.noteBox { padding:1.0em; border-radius:3px; border:#ccc 1px solid; font-size:0.9em; background:#eee; }
	dl.noteBox { display:table; width:100%; }
	dl.noteBox dt { display:table-cell; width:30%; text-align:center; vertical-align:middle; }
	dl.noteBox dd { display:table-cell; width:70%; padding:1.5em; }
.label { display:inline-block; position:relative; top:-0.35em; margin:0 0.5em; padding:0.4em 0.8em; border-radius:3px; color:#fff; line-height:1.0; font-size:0.6em; background:#015ad9; }

.iconAnswer:before { content:'A'; display:inline-block; position:relative; top:-0.25em; width:2.5em; height:1.5em; margin-right:0.5em; border-radius:2px; color:#fff; line-height:1.75em; text-align:center; font-size:0.5em; font-weight:600; background:#ff2525; }
.iconCheck:before { content:'✓'; display:inline-block; position:relative; top:-0.25em; width:1.5em; height:1.5em; margin-right:0.35em; border-radius:1.0em; border:#ff2525 1px solid; color:#ff2525; line-height:1.75em; text-align:center; font-size:0.5em; font-weight:600; }
.iconCheck2:before { content:'✓'; display:inline-block; position:relative; top:-0.25em; width:2.5em; height:1.5em; margin-right:0.5em; border-radius:2px; color:#fff; line-height:1.75em; text-align:center; font-size:0.5em; font-weight:600; background:#ff2525; }
.iconMust:before { content:'必須'; display:inline-block; position:relative; top:-0.25em; width:2.5em; height:1.5em; margin-right:0.5em; border-radius:2px; color:#fff; line-height:1.75em; text-align:center; font-size:0.5em; font-weight:600; background:#ff2525; }
.iconAny:before { content:'任意'; display:inline-block; position:relative; top:-0.25em; width:2.5em; height:1.5em; margin-right:0.5em; border-radius:2px; color:#fff; line-height:1.75em; text-align:center; font-size:0.5em; font-weight:600; background:#c5c5c5; }
.iconDL { padding-left:1.3em; background:url('../img/common/icon_dl.png') no-repeat 0 0; background-size:auto 0.8em; }

.btn { display:inline-block; min-width:40%; margin:0 auto; padding:0.65em 2em; border-radius:4px; border:#50d0bc 1px solid; color:#fff; line-height:1.0; font-size:1.2em; font-weight:600; text-align:center; text-decoration:none; text-shadow:0 1px 0 rgba(0,0,0,0.15); box-shadow:0 3px 0 0 rgba(0,0,0,0.2); -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.btn {
	background:#3E8AE8;
	background:-moz-linear-gradient(top,#3E8AE8 0%,#2874D1 100%);
	background:-webkit-linear-gradient(top,#3E8AE8 0%,#2874D1 100%);
	background:linear-gradient(to bottom,#3E8AE8 0%,#2874D1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E8AE8',endColorstr='#2874D1',GradientType=0 );
}
.btn:hover { color:rgba(255,255,255,1.0); text-decoration:none; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.btn:hover {
	background:#2874D1;
	background:-moz-linear-gradient(top,#2874D1 0%,#3E8AE8 100%);
	background:-webkit-linear-gradient(top,#2874D1 0%,#3E8AE8 100%);
	background:linear-gradient(to bottom,#2874D1 0%,#3E8AE8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2874D1',endColorstr='#3E8AE8',GradientType=0 );
}

	.btn.primary { padding-top:0.65em; padding-bottom:0.65em; border:#3E8AE8 1px solid; color:#3E8AE8; font-size:1.3em; text-shadow:0 1px 0 rgba(0,0,0,0.05); background:#fff; box-shadow:0 3px 0 0 rgba(0,0,102,0.3); }
	.btn.primary:hover { color:#fff; text-decoration:none; background:#3E8AE8 !important; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
	.btn.secondary { min-width:25%; padding:0.65em 1.65em; border:#cdcdcd 1px solid; border-radius:3em; color:#b3b3b3; font-size:1.15em; font-weight:400; text-shadow:none; background:#fff; box-shadow:none; }
	.btn.secondary:hover { color:rgba(255,255,255,1.0); text-decoration:none; background:#dadada !important; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
	.btn.send { min-width:40%; border:#eb5741 1px solid; border-radius:4px; color:#fff; font-size:1.3em; font-weight:400; background-color:#eb5741 !important; box-shadow:0 4px 0 0 rgba(235,87,65,0.4); }
	.btn.send:hover { color:#eb5741; text-decoration:none; background-color:#fff !important; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }

.btn.mail:before { content:''; display:inline-block; width:1.5em; height:1em; background:url('../img/intro_icon-mail.png') no-repeat 0 center; background-size:auto 100%; }
.btn:hover.mail:before { content:''; display:inline-block; width:1.5em; height:1em; background:url('../img/intro_icon-mail-wh.png') no-repeat 0 center; background-size:auto 100%; }

/* plugins --- sharebutton */
.ssba { font-family:'Open sans', sans-serif !important; font-size:0.9em; font-weight:400; }
.ssba > div:before { content:''; display:inline-block; width:1.0em; height:1.0em; margin-right:0.6em; background:url('../img/common/icon_share-bk.png') no-repeat 0 center; background-size:auto 1.0em; }
.ssba a[target='_blank'] { display:inline-block; margin-right:inherit; padding-right:inherit; background:none; background-size:inherit; }
.ssba a:nth-child(1) { margin-left:1.0em; }
@media (min-width:320px) and (max-width:640px) {
	.ssba { padding-bottom:2em; text-align:center; }
}



.BlogSidebar {  }
.BlogSidebar hr { display:block; margin:0 0 30px 0; padding:0; border:0; }
.BlogSidebar h3 { margin:0 0 10px 0; padding:0 0 0 12px; border:0; border-left:#3e8ae8 3px solid; color:#3e8ae8; font-size:1.8em; font-weight:bolder; }
.BlogSidebar ul { margin:0 0 20px 0; padding:0; border:0; }
.BlogSidebar ul li { display:block; position:relative; margin:0 0 10px 0; padding:0 0 10px 12px; border:0; border-bottom:#eee 1px solid; font-size:1.5em; }
.BlogSidebar ul li::before { content:''; position:absolute; left:2px; top:0.5em; border:transparent 3px solid; border-left:#3e8ae8 3px solid; }
.BlogSidebar ul li a { color:#101010 !important; }
