@charset "utf-8";
body{background: #E8F6FA url("../img/bg_main.png") center top no-repeat; background-size: 100% auto;}
.link_arrow {position: relative;display: inline-block;padding-left: 16px;}
.link_arrow::before {content: "";position: absolute;top: 0.5em; left: 0;width: 0;height: 0;border-style: solid;border-width: 3.5px 0 3.5px 8px;border-color: transparent transparent transparent #f4a940;transition: all 0.2s ease-out 0ms;}
.link_arrow:hover::focus,
.link_arrow:hover::before {left: 4px;}
#topic_pass {margin-top: 32px;font-size: 0.9em;}
#topic_pass li {display: inline-block;vertical-align: middle;}
#topic_pass li + li {position: relative;padding-left: 16px;}
#topic_pass li + li::before {content: '';position: absolute;top: 0; bottom: 0; left: 3px;display: inline-block;width: 4px;height: 4px;vertical-align: middle;margin: auto;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(45deg);}
.word_wrap {display: inline-block;}
small {font-size: 0.8em;}
.left_img {float: left;margin: 0 16px 16px;}
.right_img {float: right;margin: 0 16px 16px;}
.shadow_img {box-shadow: 2px 2px 1px #888;}
.al_right {display: block;margin-top: 8px;text-align: right;}
.al_center {text-align: center;}

.mt0 {margin-top: 0!important;}
.mt1 {margin-top: 8px!important;}
.mt2 {margin-top: 16px!important;}
.mt3 {margin-top: 24px!important;}
.mt4 {margin-top: 32px!important;}
.mt5 {margin-top: 40px!important;}
.mt6 {margin-top: 48px!important;}
.mt7 {margin-top: 56px!important;}
.mt8 {margin-top: 64px!important;}
.mt9 {margin-top: 72px!important;}
.mt10 {margin-top: 80px!important;}
.mb0 {margin-bottom: 0px!important;}
.mb1 {margin-bottom: 8px!important;}
.mb2 {margin-bottom: 16px!important;}
.mb3 {margin-bottom: 24px!important;}
.mb4 {margin-bottom: 32px!important;}
.mb5 {margin-bottom: 40px!important;}
.mb6 {margin-bottom: 48px!important;}
.mb7 {margin-bottom: 56px!important;}
.mb8 {margin-bottom: 64px!important;}
.mb9 {margin-bottom: 72px!important;}
.mb10 {margin-bottom: 80px!important;}
.pl0 {padding-left: 0!important;}
.pl1 {padding-left: 8px!important;}
.pl2 {padding-left: 16px!important;}
.pl3 {padding-left: 24px!important;}
.sup,
.sup img {vertical-align: top;}

.hide {position: relative;width: 1px;height: 1px;line-height: 1px;overflow: hidden;}
.hide span {position: absolute;display: block;top: -5px; left: -5px;width: 1px;height: 1px;}
.pagetop {display: inline-block;right: 8px;z-index: 2000;}
.pagetop a {display: inline-block;width: 127px;height: 124px;overflow: hidden;background: url("../img/pagetop.png") center center no-repeat;text-indent: -9999em;}
.clearfix::after,.sub #main::after,.wrapper::after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}
.clearfix,.sub #main,.wrapper {min-height: 1px;}
* html .clearfix,* html .sub #main,* html .wrapper {height: 1px;/*\*//*/height: auto;overflow: hidden;/**/}
.clear {clear:both;}
.adjust_height {display: table;width: 100%;}
.adjust_height .cell {display: table-cell;vertical-align: top;}
.youtube {width: 560px;margin: 0 auto;padding-top: 56%;}
.youtube iframe {width: 100%;}
.wrapper {max-width: 1100px;margin: 0 auto;}
#jump {overflow: visible;padding: 0px;font-size: 0.9em;}
#jump a{position: absolute;top: 0px;z-index: 100000000;width: 0px;height: 0px;line-height: 1em;overflow: auto;text-indent: -1000em;}
#jump a:focus {width: 12em;height: 1em; padding: 0.3em;text-indent: 0px;text-align: center;}
#header {position: relative;line-height: 1.5;}
#header .wrapper {position: relative;z-index: 10;}
#site_name {float: left;width: 266px;margin: 0px 20px 0 7px;}
#site_name .jump {display: block;margin-bottom: 8px;font-size: 0.8em;}
#site_name p {margin: 0;}
#site_name a:focus,
#site_name a:hover,
.footer_logo a:focus,
.footer_logo a:hover {opacity: 1;}
#menu_show {display: none;}
#header .control {float: left;width: 52%;}
#header #UD {float: left;}
#header .control .conhed {float: left;margin: 11px 16px 0 0;font-size: 0.9em;}
#header .control .conhed li {display: inline-block;font-size: 0.8em;}
#header .control .conhed li span {display: inline-block;margin-right: 7px;margin-bottom: 4px;}
#header .control .conhed li a + a {margin-left: 3px;}
#header .control .conhed li + li {margin-left: 15px;}
#header .search {float: left;width: 220px;margin: 10px 0 10px;}
#header .search .inner {display: inline-block;position: relative;background: #EEE;}
#header .search .inner img {position: absolute;top: 0; bottom: 0; left: 8px;margin: auto;}
#header .search .inner input[type=text] {box-sizing: border-box;width: 166px;min-height: 36px;padding: 8px 4px 8px 30px;border: none;background: #EEE;}
#header .search .search-start {display: inline-block;box-sizing: border-box;vertical-align: bottom;padding: 8px 10px;border: none;background: #000;color: #FFF;font-family: inherit;}
#header .english-page {display: inline-block;float: right;width: 18%;}
#global_nav {margin-top: 37px;}
#global_nav .english-page {display: none;}
#global_nav .search {display: none;}
#global_nav ul {box-sizing: border-box;padding: 0 47px;}
#global_nav ul li {float: left;width: 21%;}
#global_nav ul li a {position: relative;top: 0;transition: all 0.2s ease-out 0ms;}
#global_nav ul li a:focus,
#global_nav ul li a:hover {top: -8px;}
#global_nav ul li + li {margin-left: 5%;}
#header.top::before {content: "";display: block;position: absolute;left: 0;bottom: -125px;z-index: 1;width: 418px;height: 158px;background: url("../img/bg_waves_left.png") left top no-repeat;}
#header.top::after {content: "";display: block;position: absolute;right: 9px;bottom: -109px;z-index: 1;width: 399px;height: 136px;background: url("../img/bg_waves_right.png") left top no-repeat;}
#main {position: relative;z-index: 5;}

.title_main-page {margin-top: 28px;border-radius: 6px;background: #FFF;text-align: center;}
.title_main-page > span{height: 0;width: 0;overflow: hidden;display: inline-block;}
.page_index {margin: 30px 0;}
.page_index .left {float: left;width: 535px;}
.page_index .title_inner {margin-bottom: 30px;border-radius: 6px;background: #FFF;text-align: center;margin: 0 0 30px 0;padding: 0;}
.page_index .block {float: left;margin-bottom: 30px;}
.page_index .mb {margin-bottom: 30px;}
.page_index .block + .block {margin-left: 34px;}
.page_index .half {float: left;width: 250px;}
.page_index .half + .half {float: right;}
.page_index .right {float: right;width: 535px;}
.contents_wrapper {margin: 28px auto;padding: 72px 100px 90px;border-radius: 8px;background: #FFF;}
.page_title {margin-bottom: 56px;text-align: center;}
.page_title .inner {display: inline-block;position: relative;padding-bottom: 13px;font-size: 1.5em;}
.page_title .inner::after {content: "";display: block;position: absolute;left: -30%; bottom: -7px;width: 160%;height: 7px;background: #AADEEB;}

p {margin-bottom: 16px;}

/* リスト */
.contents ul > li:before{background:#1BAACC;}

.contents ul.menu_list {padding-left:0;margin-top:1em;}
.contents ul.menu_list li {padding-left:0;}
.contents ul.menu_list li:before{display:none;}
.contents ul.menu_list li a {display: block;position: relative;padding: 1.5em 60px;border-radius: 6px;background: #EEE;}
.contents ul.menu_list li a::before {content: "";display: inline-block;position: absolute;top: 0; bottom: 0; left: 18px;width: 24px;height: 32px;margin: auto;background: url("../img/icon_menu.png") left top no-repeat;}
.contents ul.menu_list li a:focus,
.contents ul.menu_list li a:hover {background: #C7E9F2;opacity: 1;}
.contents ul.menu_list li + li {margin-top: 30px;}


/* 見出し */
h1{font-size:1.3em;}
.txtbox h2,section h2,.heading{margin: 42px 0 30px;padding: 14px 20px;border-radius: 4px;background: #C7E9F2;color: #145688;font-weight: bold;font-size: 1.5em;}
.txtbox h3,.sub_heading{margin: 36px 0 28px;padding: 0 20px 17px;border-bottom: 5px #C7E9F2 solid;font-size: 1.5em;}
.txtbox h4,.sub_sub_heading{position: relative;margin: 30px 0 20px 5px;padding-left: 34px;font-size: 1.3em;}
.txtbox h4::before,.sub_sub_heading::before{content: "";display: inline-block;position: absolute;top: 0.4em;left: 0;width: 30px;height: 17px;background: url("../img/icon_sub-heading.png") left top no-repeat;}

/* 表 */
.txtbox table th{border: 3px #DDD solid;background: #CCEEF8;color: #000;}
.txtbox table td{border: 3px #DDD solid;}

.col_two {margin: 44px 0;}
.col_two .inner {float: left;width: 400px;}
.col_two .inner + .inner {float: right;}

.top_index.wrapper {max-width: 1130px;padding:0;}
.top_index li{float: left;margin: 15px 15px;}

.rednotes {color: #F33;}
.form .form_wrapper {width: 80%;margin: 32px auto;padding: 24px;background: #FFF6E4;}
.form .inner + .inner_title {margin-top: 16px;}
.form input[type="text"],.form input[type="email"],.form input[type="tel"] {width: 40em;padding: 8px;border: 1px #CCC solid;}
.form input[type="text"].half,.form input[type="email"].half,.form input[type="tel"].half {width: 20em;}
.form textarea {width: 40em;height: 10em;padding: 8px;}
.form dd.checkbox {line-height: 2.5em;}
.btn {width: 80%;margin: 32px auto 0;}
.form .send,.form .back {display: inline-block;float: right;line-height: 1.3em;padding: 0.5em 1.5em;border: none;border-radius: 3px;background: #6089DB;color: #FFF;font-weight: bold;font-size: 1.5em;text-align: center;cursor: pointer;}
.btn input:focus,
.btn input:hover {opacity: 0.85;}
.form .back {float: left;background: #888;}
.contact_steps {width: 80%;margin: 0 auto 24px;}
.contact_steps li {float: left;width: 30%;padding: 1em 0;background: #EEE;text-align: center;}
.contact_steps li strong {font-size: 1.2em;}
.contact_steps li + li {position: relative;margin-left: 5%;}
.contact_steps li + li::before {content: "";position: absolute;left: -8%; top: 0; bottom: 0;width: 0;height: 0;margin: auto;border-style: solid;border-width: 8px 0 8px 8px;border-color: transparent transparent transparent #888888;}
.contact_steps li.active {background: #888;color: #FFF;}
.disc .list {position: relative;margin-left: 2em;}
.disc .list::before {content: "郢晢ｽｻ";position: absolute;left: -1em; top: 0;}
.mq_table {min-width: 80%;margin: 24px auto 40px;border-collapse: collapse;}
.mq_table th {width: 160px;vertical-align: middle;padding: 8px 16px;border: 1px #999 solid;background: #FFEDB9;}
.mq_table thead th {text-align: center;}
.mq_table tbody th {background: #FFEDB9;}
.mq_table td {vertical-align: middle;padding: 8px 16px;border: 1px #999 solid;}
.mq_table tbody td {padding: 24px;background: #FFF;text-align: left;}
.mq_table .center_middle {vertical-align: middle;text-align: center;}
#footer {line-height: 1.5;padding: 70px 0 12px;font-size: 0.8em;}
#footer .footer_logo {float: left;width: 213px;margin: 9px 0 0 5px;}
#footer .inner {float: left;width: 500px;margin-left: 32px;margin-bottom: 16px;}
#footer .inner p {margin: 15px 0;}
#footer .inner #footer_menu li {float: left;width: 140px;}
#footer .inner #footer_menu li + li {margin-left: 22px;}
#footer .banner_marugoto {display: inline-block;float: right;}
.copyright {text-align: right;}

@media screen and (-ms-high-contrast:active){
/* arrow */
.bx-wrapper .bx-controls-direction a { display: block;}
.bx-wrapper .bx-controls-auto a.bx-start,
.bx-wrapper .bx-controls-auto a.bx-stop { position: relative;}

.bx-wrapper .bx-controls-direction a ,
.bx-wrapper .bx-controls-auto a.bx-start,
.bx-wrapper .bx-controls-auto a.bx-stop { border: 2px solid #ffff00; box-sizing: border-box;}

.bx-wrapper .bx-controls-auto-item a { width: 32px!important;; height: 32px!important;;}

.bx-wrapper .bx-controls-direction a:before,
.bx-wrapper .bx-controls-auto a.bx-start:before,
.bx-wrapper .bx-controls-auto a.bx-stop:before,
.bx-wrapper .bx-controls-auto a.bx-stop:after { position: absolute; display: block; content: "";}

.bx-wrapper .bx-controls-direction a:before { top: 50%; left: 50%;  margin-top: -6px; margin-left: -5px;}
.bx-wrapper .bx-controls-direction a.bx-prev:before {
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 10px solid #ffff00;
}
.bx-wrapper .bx-controls-direction a.bx-next:before {
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #ffff00;
}

.bx-wrapper .bx-controls-auto a.bx-start:before { top: 50%; left: 50%;  margin-top: -6px; margin-left: -5px;}
.bx-wrapper .bx-controls-auto a.bx-start:before {
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #ffff00;
}
.bx-wrapper .bx-controls-auto a.bx-stop:before,
.bx-wrapper .bx-controls-auto a.bx-stop:after { top: 30%; bottom: 30%; width: 12.5%; background-color: #ffff00!important;}
.bx-wrapper .bx-controls-auto a.bx-stop:before { left: 30%;}
.bx-wrapper .bx-controls-auto a.bx-stop:after { right: 30%;}
.bx-wrapper .bx-controls-auto a.bx-start.active,
.bx-wrapper .bx-controls-auto a.bx-stop.active { border-color: #00ffff!important;}

}

:focus { outline: -webkit-focus-ring-color auto 5px; outline-color: #D71A31;}