@charset "UTF-8";
.top-checkbox {margin:5px 0;}
.top-checkbox label{cursor: pointer; color:#fff;font-weight:200;font-size:0.8em}
.btn {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color:#fff !important;}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.btn:hover,
.btn:focus,
.btn.focus {color: #333333;text-decoration: none;}
.btn:active,
.btn.active {outline: 0;background-image: none;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {cursor: not-allowed;opacity: 0.65;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;}
a.btn.disabled,
fieldset[disabled] a.btn {pointer-events: none;}
.btn-default{border-color: #ddd}
.btn-default:focus,
.btn-default .focus{border-color: #ddd}
.btn-default:hover{border-color: #ddd}
.btn-default{color: #f3f3f2;background: #2d2d2d;text-shadow: none}
.btn-default:hover{color: #f3f3f2;background: #606060}
.btn-primary{color: #fff;background: #3c85c3}
.btn-primary:hover{color: #fff;background: #2a5d88}
.btn-success{color: #fff;background: #21a69e}
.btn-success:hover{background: #146661}
.btn-info{color: #fff;background: #2ec2b6}
.btn-info:hover{background: #1f847c}
.btn-warning{color: #fff;background: #df8943}
.btn-warning:hover{background: #b6631f}
.btn-danger{color: #fff;background: #b64642}
.btn-danger:hover{background: #7e302e}

.btn-submit{background: #f18344;font-size: 1.4em;color: #fff;padding:1em 1.2em}
.btn-submit:hover{background:#f37127;}
.btn-service{background: #3c85c3;font-size: 1.4em;color: #fff;padding:1em 1.2em}
.btn-service:hover{background:#2a5d88;}
@media (max-width: 767px){
	.btn-submit{width:100%;font-size: 1.2em;color: #fff;padding:1em 1.2em}
	.btn-service{width:100%;font-size: 0.9em;color: #fff;padding:1em 1.2em}
}

.header-logo{margin: 10px auto;}
.header-logo a{text-decoration: none;}
.header-logo a img{width:398px;}
@media (min-width: 761px){
	.header-logo{float: none;width: 30%;padding:0;margin: 15px 0;position: absolute;left: 5px;right: 0;top:0;z-index: 5;}
	.header-logo a{display: block;padding:0;}
	}
@media (max-width: 760px){
  .header-logo{margin:5px 0 5px 5px;}
  	.header-logo a img{width:40%;}
	/*.header-logo{width: 80%;margin:0.6em auto;}*/
	}
@media (max-width: 480px){
    .header-logo{margin:10px 0 0 5px;}
  	.header-logo a img{width:55%;}
	/*.header-logo{width: 80%;margin:0.6em auto;}*/
	}
.head_link{float:left;padding:2.2em 0.5em .3em 0;}
.search_wrap{height:48px;padding:1.4em 0 0 1em;}
.search fieldset{border:0px;}
.search_wrap .text{width:337px;}
.search_wrap .text input[type="text"]{position:absolute;border:1px #cbcbcb solid;background-color:#FFFFFF;color:#444;font-size:100%;padding: 0.8em 0.5em;width:337px;}
.submit{position:relative;top:5px;left:90%;}
@media (max-width: 960px){
	.search_wrap{display:none}
}

.targetblank:after{color:#0a58a4;padding-left: 5px;font-family: "FontAwesome", sans-serif;font-style: normal;font-weight: normal;font-variant: normal;content: "\f08e"}
.link-mark:before{color:#0a58a4 !important;padding-right: 5px;font-family: "FontAwesome", sans-serif;font-style: normal;font-weight: normal;font-variant: normal;content: "\f0a9"}
.link-blank:after{color:#0a58a4;padding-left: 5px;font-family: "FontAwesome", sans-serif;font-style: normal;font-weight: normal;font-variant: normal;content: "\f08e"}

h1,.h1{margin: 0 0 30px;color: #032b4f;font-size: 2.4em;font-weight: 400}
h2,.h2{margin: 0 0 20px;color: #032b4f;font-size: 2.4em;font-weight: 700}
h3,.h3{margin: 0 0 20px;color: #032b4f;font-size: 1.25em;font-weight: 700}
h4,.h4{margin: 0 0 20px;color: #888084;font-size: 1.125em;font-weight: 700}
h5,.h5{margin: 0 0 20px;padding-bottom: 5px;color: #3f312b;font-size: 1em;font-weight: 700}
h6,.h6{margin: 0 0 20px;color: #5a5359;font-size: .9em;font-weight: 400}
h1.page-title{margin: 0 0 30px;padding: 0 0 0 15px;color: #28282e;font-size: 2.2em;line-height: 1.2;font-weight: 700;border-left: solid 6px #28282e}
h2.page-title{margin: 30px 0 50px;adding:0.3em 0.6em 0.6em 0.6em;color: #032b4f;font-size: 1.8em;line-height: 1.7em;font-weight: 700;border-bottom:1px #28282e solid;}
h3.page-title{margin: 30px 0;adding:0.3em 0.6em 0.6em 0.6em;color: #032b4f;font-size: 1.4em;line-height: 1.7em;font-weight: 700;}
h4.page-title{margin: 20px 0;adding:0.3em 0.6em 0.6em 0.6em;color: #032b4f;font-size: 1.2em;line-height: 1.5em;font-weight: 700;}
.title_thin{padding: 0 0 8px;color: #fff;font-size: 2em;font-weight: 400 !important;display: block;}
.title-thin{padding: 0 0 8px;color: #888084;font-size: 1.6em;font-weight: 400 !important;display: block;border-bottom: dotted 1px #ddd}
.block-page-title-byline{border-bottom: none;margin-bottom:20px}
.block-page-title-byline h1.page-title{margin-bottom: 10px}
.block-page-title-byline .page-date{color: #595857}
.block-page-title-byline .page-author{color: #888084;font-size:.9em}
.block-page-title-byline .page-topic {background:#e1f1fe;font-size:.9em;padding:.3em .5em;text-align:center;color:#1c1c1c;margin:0 0.3em}
.block-page-list-page-entry .page-topic {background:#e1f1fe;font-size:.9em;padding:.3em .5em;text-align:center;color:#1c1c1c;margin:0 0em 0 0.6em}
.heading-centering{text-align: center}
.heading-right{text-align: right}
.heading-types > h2{color:#032b4f}
.heading-types .left-border span{margin: 0;padding: 0 0 0 12px;color: #032b4f;border-left: solid 6px #0a58a4}
.heading-types .left-border-lh span{margin: 0;padding: 0 0 0 10px;color: #032b4f;border-left: solid 6px #0a58a4;line-height:150%}
.heading-types .left-border-lh-b span{margin: 0;padding: 0 0 0 10px;color: #032b4f;border-left: solid 6px #0a58a4;line-height:150%}
.heading-types .left-border-lh-b span a{color:#032b4f;}

.blog-mainimage{overflow: hidden;height:500px;display:block;text-align:center;}
.blog-mainimage img{display:block;margin:1em auto;width:100%;}

.top-blog-link {display:block;}
.top-blog-link:hover  {opacity: 0.9;filter: alpha(opacity=90);-ms-filter: "alpha(opacity=90)";background: rgba(255,255,255,0.5);transition: background 0.2s ease 0s;text-decoration:none !important;}
.top-blog-date {color:#222;font-weight:bold;}
.top-blog-link .top-blog-thumb span.top-blog-new{position:absolute;top:0;left:0;background:#f18344;color:#fff;font-size:1.1em;padding:0.3em 0.6em}
.top-blog-link .top-blog-thumb span.top-blog-new{position:absolute;top:0;left:0;background:#f18344;color:#fff;font-size:1.1em;padding:0.3em 0.6em}
.top-blog-link p{color:#222;font-weight:bold;margin:0;}
.top-blog-thumb{overflow: hidden;width: 268px;height:200px;position:relative;top:0px;left:0;}
.top-blog-thumb 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;}


@media (max-width: 767px){
	.blog-mainimage{overflow: hidden;height:auto;}
	.top-blog-thumb{width: 100%;}
	.top-blog-thumb img{width:100%;height:auto;overflow: auto;}
}

.blog_article{overflow:hidden;position:relative;padding:20px 0;height:auto !important;border-top:1px solid #c7cbc3;padding-left:258px;line-height:1.6;}
.blog_article .thumb{overflow: hidden; width: 242px;height: 200px;position:absolute;top:0px;left:0;}
.blog_article .thumb 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;}
.blog_article .thumb a:hover img{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.blog_article h3{font-size:1.6em;font-weight:bold;}
.blog_article h3 a{color:#434343;}
.blog_article h3 a:hover{color:#867146;text-decoration:none;}
.blog_article .text{padding:3px 0 5px 0;font-size:87%;}
.blog_article_info {width:100%;font-size:88%;line-height:1.2;color:#828282;}
.blog_article_info a{white-space:normal; font-weight:bold;color:#434343;}	
.blog_article_info a:hover{text-decoration:underline;}
@media (max-width: 767px){
	.blog_article{border-top:1px solid #c7cbc3;padding-left:98px;height: auto !important;}
	.blog_article .thumb{width:82px;height:50px;top:5px;}
	.blog_article .thumb img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;}
	.blog_article .blog_date {position:absolute;font-size: 90%;top:5px;}
	.blog_article h3{font-size:1.2em;font-weight:bold;padding:0.5em 0 0.1em 0!important;}
	.blog_article h3 a{color:#434343;}
	.blog_article h3 a:hover{color:#867146;text-decoration:none;}
	.blog_article .text{display:none;}
  	.blog_article_info {display:none}
}		
/* mod_pagenav */
.mod_pagenav{margin:30px 0px!important;padding:10px 0px;}
.mod_pagenav ul{ position:relative;text-align:center;}
.mod_pagenav ul li{display:inline-block;margin:0 5px 0 5px;border:1px solid #e5e5e5;}
.mod_pagenav ul li.active{background-color:#f2f2f2;border:1px solid #e5e5e5;font-weight:bold;}
.mod_pagenav ul li a{text-align:center;display:block;width:25px;padding:2px 0 3px 0;text-decoration:none!important;}
.mod_pagenav ul li.linearPrev,
.mod_pagenav ul li.linearNext {width:18px;border:1px solid #fff;}
.mod_pagenav ul li:last-child {margin:0 5px 0 0px;}
@media (max-width: 767px){
	.mod_pagenav ul li{display:inline-block;margin:0 3px 0 3px;border:1px solid #e5e5e5;}
	.mod_pagenav ul li.active{background-color:#f2f2f2;border:1px solid #e5e5e5;font-weight:bold;}
	.mod_pagenav ul li a{text-align:center;display:block;width:23px;padding:2px 0 3px 0;text-decoration:none!important;}
}

.link_list li{line-height:160%;margin:0;padding:0;}
.link_list li:before{font-family: "fontawesome";font-weight:bold;content: "\f0a9";color:#005eae;padding-right:0.3em;}
.link_arrow:before{font-family: "fontawesome";font-weight: bold;content: "\f0a9";color:#005eae;text-decoration:none;padding-left:2px;margin-right:5px;}
.link_arrow{line-height:15px;}
.link_arrow:hover {text-decoration:none;background:#f3f3f3}
.internallink_arrow:before{font-family: "fontawesome";font-weight: bold;content: "\f0ab";color:#005eae;text-decoration:none;padding-left:2px;margin-right:5px;}
.internallink_arrow{line-height:15px;margin-right:1em;}
.internallink_arrow:hover {text-decoration:none;background:#f3f3f3}

.add01{color:#878787;}
.add02{color:#cc3333;}
.table{border-spacing:0px;border-top:1px solid #a7c9e5;border-right:1px solid #a7c9e5;margin:10px auto 30px;border-collapse:collapse;width:100%;}
.table th{background:#e7f3fd;border:1px solid;border-color:#a7c9e5;padding:5px;}
.table td{border-bottom:solid #a7c9e5 1px;border-left:solid #a7c9e5 1px;padding:5px;}
.table .cell_center{text-align:center;}
.table .cell_left{text-align:left;}
.table .cell_right{text-align:right;}
.table .cell_top{vertical-align:top;}
.table .cell_bottom{vertical-align:bottom;}
.table .cell_middle{vertical-align:middle;}
.table .title{background:#c1e0fa !important;}

.box01,.box02{ width:100%;border:1px solid #dfdfdf;padding:1em;background:#efefef;background-size:100% 100%;margin:2em auto;}
.box01 h2,
.box01 h3,
.box02 h2,
.box02 h3{padding:2px 0px 10px 0;color:#005eae;font-weight:bold;font-size:1.2em;line-height:1.3;text-align:left;}
.box_title{margin:0px auto 10px;}
.box_subtitle{font-weight:bold;color:#666;font-size:1.2em;}
.box_subtitle span {color:#005eae;}
.box_contents{margin:10px 20px 10px;padding:5px 0px 10px;}
.box_hr{border-bottom:dotted 1px #ccc;}

.list_arrow{margin:1em;padding:0}
.list_arrow li:before,
.list_arrow dt:before{padding-right: 5px;font-family: "FontAwesome", sans-serif;font-style: normal;font-weight: normal;font-variant: normal;content: "\f061";}
.list_arrow li{list-style:none;margin:0;padding:0}
.list_arrow dt{list-style:none;margin:0;padding:0;line-height:170%;font-weight:bolder;}
.list_arrow dd{padding-left: 1.2em;margin-left:0;line-height:160%;margin-bottom:1em}
.list_number{margin:0.5em 1em 1em 1.6em;padding:0}
.list_number li{list-style:decimal;margin-bottom:0.3em;}	
h2.sidetitle{font-size: 1.4em;border-left:8px #005eae solid;padding:4px 2px 5px 8px}
ul.sidenavi{margin:0;padding: 0;list-style: none;}
ul.sidenavi li{padding: 0.60em 0em;border-top: 1px solid;border-color: rgba(0,0,0,.1);}
ul.sidenavi li:first-child{padding-top: 0;border-top: 0;}

.column_wrap{width:100%;border-top:4px solid #005eae;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;margin:2em auto;background:#f9f9f9;}
.column_wrap h2,
.column_wrap h3 {background:#f9f9f9;padding:1em;margin-bottom:1em;line-height:1.2; font-weight:bold;text-align:left}
.column_contents{padding:1em !important;}
.colorbox_wrap{ border-top:4px solid #005eae;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;margin:2em auto;background:#f1fafb}
.colorboxh_wrap{ border-top:4px solid #005eae;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;margin:2em auto;background:#f1fafb;}
.colorboxh_wrap h2,
.colorboxh_wrap h3{background:#f1fafb;padding:1em;margin-bottom:1em;line-height:1.2;font-weight:bold;text-align:left}

.link_wrap{width:100%;margin:50px auto;background:#fafafa;}
.link_title02:before {padding-right: 5px;font-family: "FontAwesome", sans-serif;font-style: normal;font-weight: normal;font-variant: normal;content: "\f0c1";}
.link_title02{font-size:0.9em;padding:8px 10px 6px 10px;margin:10px 0px 20px 10px;width:auto;height:25px;color:#666;background:#eee;display:inline;border-radius:0px 0px 5px 5px;}
.link_subtitle{font-weight:bolder;color:#666;}
.link_contents{margin:10px 20px 10px;padding:5px 0px 10px;}
.link_hr{border-bottom:dotted 1px #ccc;}

#entry_author .profile { background-color:#f5faff;margin:2.4em 0;padding:1em 1em 0.5em 1em;}
#entry_author .profile span{ font-size:0.8em;line-height:1em}
#entry_author .profile a { margin-left:2px}

.float_wrap{display:block;}
.float_wrap img{ max-width:none;}
.float_wrap_section{display:table-cell;vertical-align:top;}
.float_wrap_section > p{text-align:left !important;}
.float_wrap_section:first-child{padding-right:1rem;}
.float_wrap_section:last-child:not(:nth-child(2)){padding-left:1rem;}
.float_wrap_section.middle{vertical-align:middle;}
.float_wrap_section.bottom{vertical-align:bottom;}
.float_wrap_section > p{padding:0em 0em 1.6em 0em}
@media screen and (max-width:767px){
  .float_wrap_section{display:block;width:96%;margin:auto;}
  .float_wrap_section img{width:100%;margin:auto}
  .float_wrap_section:first-child{padding-right:0rem;}
  .float_wrap_section:last-child:not(:nth-child(2)){padding-left:0rem;}
  float_wrap_section > p{padding:0;}
}

/*--flexbox--*/
.flexbox {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin:0;}
.flexbox p{padding:0em 0em 0.6em 0em}
.flexbox h2.box_title:before,
.flexbox h3.box_title:before,
.flexbox h4.box_title:before,
.flexbox p.box_title:before{color:#005eae;padding-right: 5px;font-family: "FontAwesome", sans-serif;font-style: normal;font-weight: normal;font-variant: normal;content: "\f152";}
.flexbox h2.box_title,
.flexbox h3.box_title,
.flexbox h4.box_title,
.flexbox p.box_title{font-size:1.2em !important;line-height:1.2;font-weight:bold;color:#005eae;padding:0px 0px 0.8em 20px;text-align:left;}
.flexbox h2,
.flexbox h3{font-size:1.2em !important;line-height:1.2;font-weight:bold;padding:0.8px 0px 0.8em 0px;text-align:center;}
.flexbox .col2 {padding: 15px;margin:1em 0.7em 1em 0em;width: 49.2%;}
.flexbox .col3 {padding: 15px;margin:1em 0.7em 1em 0em;width: 32.33333%;}
.flexbox .col3 .img_wrap{text-align:center;margin:1em auto;display:block;}
.flexbox .col3 .img_wrap img{width:100%}
.flexbox .col4 {padding: 8px;margin:1em 0.3em 1em 0em;width: 22.7%;}
.flexbox .col2:last-child,
.flexbox .col3:last-child,
.flexbox .col4:last-child{margin:1em 0em 1em 0em;}
.fff {background:#fff;}
.gray {background:#f7f7f7;}
.gray_rgba {background:rgba(86,86,86,0.8);}
.blue {background:#005eae;color:#fff;}
.black{color:#333;}
@media (max-width: 767px){	
  .flexbox{padding:0 10px;margin:1em 0 1em 0;}
  .flexbox .col2,.flexbox .col2:last-child,
  .flexbox .col2_border,.flexbox .col2_border:last-child,
  .flexbox .col3,.flexbox .col3:last-child,
  .flexbox .col3_border,.flexbox .col3_border:last-child{margin:0em auto 1em auto;border-left:none;width: 96%;padding:0.5em;}
  .flexbox .col4,
  .flexbox .col4:last-child{width: 96%;margin:0em auto 1em auto;}
  .flexbox .col3 .img_wrap img{display:block;width:auto}	
}

.title-case{display: block;margin: 0 0 1em;padding: 10px 20px;font-weight: bold;line-height: 1.8;background-color: #eaeaea;font-size:1.2em;color:#555}
.title-case-good{display: block;margin: 0 0 1em;padding: 10px 20px;font-weight: bold;line-height: 1.8;background:#629185;font-size:1.2em;color:#fff}
.case-good-item{margin: 0 0 40px;background:#fffdf2;padding-top:20px}
.case-good-item h2{margin: 0;padding: 20px 0 20px;text-align: center;color:#555 !important;font-size:1.4em}
.case-good-item h3{margin: 0;padding: 20px 0 20px;text-align: center;color:#555}
.case-good-item .case-body{margin: 0;padding: 10px 20px 20px}
.case-good-item p{margin: 0}
.case-bad-item{margin: 0 0 40px;background:#555;}
.case-bad-item h2{margin: 0;padding: 20px 0 20px;text-align: center;color:#555 !important;font-size:1.4em}
.case-bad-item h3{margin: 0;padding: 20px 0 20px;text-align: center;color:#555}
.case-bad-item .case-body{margin: 0;padding: 10px 20px 20px}
.case-bad-item p{margin: 0;color:#f2f2f2}
.topic{margin:1em 0}
.page-topic {background:#e1f1fe;font-size:.9em;padding:.3em .5em;text-align:center;color:#1c1c1c;margin:0 0.6em 0 0}


/* Images */
.image{display: inline-block;margin: 0 auto;}
.image.left{float: left;margin: 0 2em 2em 0;}
.img_wrap{text-align:center;margin:1em auto;display:block;}
.img_wrap img{width:auto}
@media (max-width: 767px){
  .img_wrap img{display:block;width:100%}	
}
.image-right-tilt .image-block{display: block;max-width: 85%;height: auto;margin: 0 auto;-moz-transform: rotate(3deg);-ms-transform: rotate(3deg);-webkit-transform: rotate(3deg);transform: rotate(3deg)}
.image-border{padding: 10px;background-color: #fff}
.image-centering{text-align: center}
.image-centering img{margin: 0 auto}
.image-circle .image-block{border-radius: 50%}
.img_left {float: left;margin-right: 2em;margin-bottom: 1em;}
.img_right {float: right;margin-left: 2em;margin-bottom: 1em;}
@media (max-width: 767px){	
  .img_left,
  .img_right{float: none;display:block;margin:0.5em auto 1em auto;}
}

/*********************************************************************************/
/*latest                                                                  */
/*********************************************************************************/
	
.slider-left_box{width: 100%;background-repeat:no-repeat;background-position:center center;background-size: cover;}
.slider-left_box .box_wrap {background: rgba(0,0,0,0.8);}
.slider-left_box .box_wrap_inner {padding:1.4em 1em}
.slider-left_box h2{line-height: 150%;color:#fff;font-size: 2.4em;border-bottom:3px #fff solid;}
.slider-left_box p{padding:0;font-size:1em;text-shadow:none !important;text-align:left;color:#fff;}
/**/
.newtitle {padding:0px 0 10px 0;}	
.newtitle span{padding:8px 18px;color:#fff;margin-bottom:5px;font-size:1.2em;background:#f18344}
p.btn-slider{margin-top:0.8em}
p.btn-slider:before{font-size:1.6em;color:#fff;margin-right: 8px;font-family: "FontAwesome", sans-serif;font-style: normal;font-weight: normal;font-variant: normal;content: "\f0a9"}
p.btn-slider a{color: #f3f3f2;font-size:1.6em;}
p.btn-slider a:hover{color:#fff;text-decoration:underline}
.slider-right-container {background:rgba(86,86,86,0.8);color:#333;padding:8px 10px;width:100%;margin:0 0 1em 0;text-align:center}

.slider-right-container h3 {margin:.5em 0;padding:0;font-size:1.6em;color:#fff;}
.slider-right-container p{padding:0 0 0.5em;margin:0;font-size:1.1em;text-shadow:none !important;color:#fff;border-bottom:2px #fff solid;}
.slider-right-container input[type="text"]{float:none;width:90%;padding: 1em ;}
.slider-right-container input[type="submit"]{border: none;padding:1em;background: #f18344;text-decoration: none;font-size: 1.1em;color: #fff;cursor: pointer;width:100%;border-radius: 0}
.slider-right-container input[type="submit"]:hover{background:#f37127;color: #fff;transition: background 0.2s ease 0s;}
.slider-right-container img {width:100%;}

.mag-side-container {background:#eee;color:#333;padding:16px;width:100%;margin:1.6em auto}
.mag-side-container h3 {padding:0;font-size:1.3em;text-align:center;}
.mag-side-container p{padding:0.3em 0;font-size:0.9em;text-shadow:none !important;text-align:center;background:#f3f3f3;}
.mag-side-container input[type="text"]{width:90%;padding: 1.2em 1em;margin-bottom:0.5em;border:1px #ddd solid}
.mag-side-container input[type="text"]:focus{border:1px #21a69e solid;background: #ffffef;color: #725129;}
.mag-side-container input[type="submit"]{border: none;padding: 1.2em 1em;background: #21a69e;text-decoration: none;font-size: 1.2em;color: #fff;cursor: pointer;border-radius:0 !important;width:100%;
}			
.mag-side-container .docs-button:hover{background:#146661;color: #fff;transition: background 0.2s ease 0s;}
.mag-side-container .btn-submit{width:100%;background: #f18344;font-size: 1em;color: #fff;padding:1em 1.6em}
.mag-side-container .btn-submit:hover{background:#f37127;}
@media (max-width: 767px){
  .slider-left_box h2{font-size:3em !important;line-height:130% !important;} 
  .mag-side-container .btn-submit{font-size: 1em;color: #fff;padding:1em 1.2em}
}
@media (max-width: 480px){
	.mag-side-container {background:#eee;padding:16px;}
}

.modal-overlay {z-index:999999999;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,0.75);}
.modal-content {max-width:100%;max-height:100%;position:fixed;display:none;z-index:9999999999;box-shadow:none;margin:auto;padding:0;border-radius: 0;background:none;}
/*youtube用*/
.modal-video{ width:640px;height:360px;margin:auto;}
.modal-video iframe{padding:0;}
.modal-open {cursor:pointer;color:#005eae;}
.modal-open:hover {cursor:pointer;color:#005eae;text-decoration:underline;}
.modal-open img {width:100%}
.modal-close {position: absolute;top: -26px;left: 100%;background:url("/blog/images/close.png") no-repeat;width:25px;height:25px;display:block;text-indent:-999px;overflow:hidden;}
.modal-close:hover {cursor:pointer;}
@media screen and (max-width:480px) {.modal-video{ width:100%;height:100%}.modal-close {left: 92%;}}