@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

* {margin:0; padding:0; box-sizing:border-box;}
body {color:#010101; font-family:'Noto Sans JP', sans-serif;}
ul {list-style-type:none;}

/* cf */
.cf:before, .cf:after {content:""; display:block;	overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

.fixed {position:fixed; top:0; left:0; z-index:+99;}

table {border-collapse:collapse; border:none; border-spacing:0;}

.blue {color:#003093;}
.red,
a.red {color:#b3293c !important;}

ul.l_1em {}
ul.l_1em li {padding-left:1em; text-indent:-1em;}
ul.l_2em {}
ul.l_2em li {padding-left:2em; text-indent:-2em;}
ul.l_3em {}
ul.l_3em li {padding-left:3em; text-indent:-3em;}

.mT0em {margin-top:0 !important;}
.mT05em {margin-top:0.5em !important;}
.mT1em {margin-top:1em !important;}

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

.mv_slider .slider {opacity:0; transition:opacity 0.3s linear;}
.mv_slider .slider.slick-initialized{opacity:1;}

.ptxt a {color:#003093; border-bottom:1px solid #003093;} 



/*********************************
 * ～900
 *********************************/

@media screen and (max-width:900px){
	
  body {overflow-x:hidden; -webkit-text-size-adjust:100%; font-size:16px;}
  img {width:100%; height:auto;}
  p {margin-top:1em; text-align:justify; text-justify:inter-ideograph;}
	a {text-decoration:none;}
  .pc {display:none;}  
  .wrapper {background:#fff;}
  
  /* header */
  header {position:fixed; top:0; left:0; width:100%; height:187px; z-index:100;}
  header .inner {}
	header h1 {color:#fff; font-size:68%; font-weight:600;}
	header h1 span {display:block; padding:1em 12px; background:#003093;}
	header .h_right {display:flex; flex-wrap:wrap; justify-content:space-between; background:rgba(255,255,255,0.9);}
  header .h_right .logo {width:100%; padding:10px 15px;}
  header .h_right .logo img {width:180px;}
  header .h_right .tel_box {display:flex; align-items:center; justify-content:space-between; width:100%; padding:8px 15px; background:#ffea5f; color:#003093;}
  header .h_right dl.tel {width:calc(100% - 140px);}
  header .h_right dl.tel dt {font-size:120%; font-weight:800;}
  header .h_right dl.tel dt a {color:#003093;}
  header .h_right dl.tel dd {font-size:65%;}
	header .h_right .contact {width:60px;}
  header .h_right .contact a {display:block; width:60px; height:60px; background:url(../images/icon_mail.png) center center no-repeat; background-size:auto 30px; border:1px solid #003093; color:#003093; text-decoration:none;}
  header .h_right .gnavbtn  {position:relative; display:block !important; width:60px; height:60px; border:1px solid #003093; cursor:pointer; z-index:100;}
  header .h_right .gnavbtn span {position:relative; display:block; width:32px; height:2px; left:12px; background:#003093; transition:0.3s;}
  header .h_right .gnavbtn span:nth-child(1) {top:18px;}
  header .h_right .gnavbtn span:nth-child(2) {top:26px;}
  header .h_right .gnavbtn span:nth-child(3) {top:34px;}
  
  /* nav */
  nav {overflow-y:auto; position:fixed; display:none; width:100%; height:100%; padding:0 0 4em 0; top:0; left:0; background:rgba(255,255,255,0.9); z-index:-1;}
  nav ul {width:100%; margin:187px auto 0 auto; font-size:95%; font-weight:600;}
  nav ul li {border-bottom:1px solid #B2C2E3;}
  nav ul li a {display:block; padding:1.2em 3em 1.2em 15px; background:url(../images/icon_arwR.png) 94% center no-repeat; background-size:auto 0.9em; color:#003093;}
  
  /* mv_fade
  .mv_slider {position:relative; width:100%; height:150vw; top:0; left:0;}
  .mv_slider .slider {overflow:hidden; position:relative; width:100%; height:150vw; z-index:-1;}
  .mv_slider .slider_item {width:100%; height:150vw;}
  .mv_slider .slider_item .inner {display:flex; align-items:flex-end; justify-content:flex-end; width:91%; max-width:980px; height:100%; margin:0 auto;}
  .mv_slider .slider_item .inner p {width:100%; padding-bottom:2em; color:#fff; font-size:120%; font-weight:700; text-shadow:0 0 0.2em #003093;}
  .mv_slider .slider_item .inner p.center {text-align:center;}
  .mv_slider .slider_item .inner p.right {text-align:right;}
  .mv_slider .slider_item .inner p span {display:inline-block; padding-bottom:0.3em; font-size:150%; font-weight:900; line-height:1.3;}
  .mv_slider .slider_item img {position:absolute; width:100%; height:100%; top:0; left:0; vertical-align:bottom; object-fit:cover; object-position:center center; z-index:-1;}*/
  
  /* mv_slide */
  .mv_slider {position:relative; width:100%; height:150vw; top:0; left:0;}
  .mv_slider .slider {overflow:hidden; position:relative; width:100%; height:150vw; z-index:-1;}
  .mv_slider .slider_item {position:relative; width:100%; height:150vw;}
  .mv_slider .slider_item .inner {display:flex; align-items:flex-end; justify-content:flex-end; width:91%; max-width:980px; height:100%; margin:0 auto;}
  .mv_slider .slider_item .inner p {width:100%; padding-bottom:2em; color:#000; font-size:120%; font-weight:700; text-shadow:0 0 0.2em #fff;}
  .mv_slider .slider_item .inner p.center {text-align:center;}
  .mv_slider .slider_item .inner p.right {text-align:right;}
  .mv_slider .slider_item .inner p span {display:inline-block; padding-bottom:0.3em; font-size:150%; font-weight:900; line-height:1.3;}
  .mv_slider .slider_item img {position:absolute; width:100%; height:100%; top:0; left:0; vertical-align:bottom; object-fit:cover; object-position:center center; z-index:-1;}
  
  /* low_mv */
  .low_mv {margin:187px 0 0 0; background:#ddd url(../images/bg_mv.jpg) center bottom no-repeat; background-size:cover;}
  .low_mv .inner {position:relative; display:flex; align-items:center; justify-content:center; height:7em; padding:0 15px;}
  .low_mv .inner h1 {color:#003093; font-size:155%; font-weight:800; letter-spacing:0.05em; line-height:1; text-align:center; text-shadow:0 0 0.2em #fff;}
  .low_mv .inner h1 span {font-size:60%; font-weight:500;}
	
  .contents {width:90%; margin:0 auto;}
  
  /* h2 */	
	main h2 {position:relative; margin:3em 0 0 0; padding:0 0 0.5em 0; color:#003093; font-size:155%; font-weight:800; line-height:1;}
  main h2::before {position:absolute; display:block; content:''; width:50%; height:3px; bottom:0; left:0; background:#003093;}
  main h2::after {position:absolute; display:block; content:''; width:100%; height:2px; bottom:-4px; left:0; background:#e1e2e3;}
  
  /* top_rnews */
  #top_rnews {margin:2.5em auto 0 auto;}
  #top_rnews h2 {margin:0;}
  #top_rnews .inner {margin:1.5em auto 0 auto;}
  #top_rnews .inner .news {font-size:95%;}
  #top_rnews .inner .news .btn {width:80%; margin:1.5em auto 0 auto; font-size:90%; font-weight:600; text-align:center;}
  #top_rnews .inner .news .btn a {display:block; padding:0.4em 0; background:url(../images/icon_arwR.png) 92% center no-repeat; background-size:auto 0.9em; border:2px solid #003093; color:#003093;}
  #top_rnews .inner .news iframe {width:100%; height:11.5em;}
  #top_rnews .inner .news ul {width:100%;}
  #top_rnews .inner .news ul a {border-bottom:1px solid transparent; color:#101010; transition:0.3s;}
  #top_rnews .inner .news ul a:hover {border-bottom:1px solid #101010;}
  #top_rnews .inner .news ul li {padding:1.5em; border-bottom:1px solid #7f7f7f;}
  #top_rnews .inner .news ul li span {display:block; padding:0 0 0.3em 0; font-family:'Lato', sans-serif;}
  
  /* top_news */
  #top_news {margin:3em auto 0 auto;}
	#top_news h2 {margin:0; text-align:right;}
  #top_news h2::before {left:50%;}
  #top_news .inner {margin:1.5em auto 0 auto;}
  #top_news .inner .news {width:100%; font-size:95%;}
  #top_news .inner .news .btn {width:80%; margin:1.5em auto 0 auto; font-size:90%; font-weight:600; text-align:center;}
  #top_news .inner .news .btn a {display:block; padding:0.4em 0; background:url(../images/icon_arwR.png) 92% center no-repeat; background-size:auto 0.9em; border:2px solid #003093; color:#003093;}
  #top_news .inner .news ul {width:100%; font-size:95%; font-weight:400;}
  #top_news .inner .news ul a {border-bottom:1px solid transparent; color:#101010; transition:0.3s;}
  #top_news .inner .news ul a:hover {border-bottom:1px solid #000;}
  #top_news .inner .news ul li {position:relative; padding:0.5em 0 0.5em 7em;}
  #top_news .inner .news ul li span {position:absolute; display:inline-block; width:7em; top:0.5em; left:0;}
	
	/* ptxt */
  .ptxt {margin:1.5em auto 0 auto; font-size:90%; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;} 
  
  /* area1 */
  .area1 {margin:1.5em auto 0 auto;}
  
  /* area2 */
  .area2 {margin:1.5em auto 0 auto;}
  .area2 .ptxt {width:100%; margin:0;}
  .area2 .ptxt .fleft {width:60%; max-width:350px;}
  .area2 .ptxt .fright {padding-top:1em; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;} 
  
  /* area3 */
  .area3 {margin:1.5em auto 0 auto;}
  .area3 .ptxt {width:100%; margin:0;}
  .area3 .ptxt .fleft {padding-top:1em; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  .area3 .ptxt .fright {width:60%; max-width:350px;}
  
  /* cmn_bnr */
  #cmn_bnr {width:90%; margin:3em auto 0 auto;}
  #cmn_bnr ul {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
  #cmn_bnr ul li {width:48.5%; margin:0 0 0.5em 0;}
  
	/* low_contact */
	.low_contact {width:100%; margin:5em auto 0 auto; padding-bottom:2em; border:3px solid #003093;}
	.low_contact .ttl {width:90%; margin:0 auto; padding:1em 0; border-bottom:3px solid #003093; color:#003093; font-weight:600; text-align:center;}
	.low_contact .call {margin:0.5em 0 0 0; font-family:'Lato', sans-serif; font-size:180%; font-weight:800; text-align:center;}
	.low_contact .call span {padding:0 0 0 1.4em;  background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5IDEuMzIybDIuODQ0LTEuMzIyIDQuMDQxIDcuODg5LTIuNzI0IDEuMzQyYy0uNTM4IDEuMjU5IDIuMTU5IDYuMjg5IDMuMjk3IDYuMzcyLjA5LS4wNTggMi42NzEtMS4zMjggMi42NzEtMS4zMjhsNC4xMSA3LjkzMnMtMi43NjQgMS4zNTQtMi44NTQgMS4zOTZjLS41OTguMjczLTEuMjE1LjM5OS0xLjg0Mi4zOTctNS42NDktLjAxOS0xMi4wODYtMTAuNDMtMTIuMTMzLTE3LjMzLS4wMTYtMi40MDcuNzQ1LTQuMzg3IDIuNTktNS4zNDh6bTEuOTMgMS4yNzRsLTEuMDIzLjUwNGMtNS4yOTQgMi43NjIgNC4xNzcgMjEuMTg1IDkuNjQ4IDE4LjY4NmwuOTcyLS40NzQtMi4yNzEtNC4zODMtMS4wMjYuNTAxYy0zLjE2MyAxLjU0Ny04LjI2Mi04LjIxOS01LjA1NS05LjkzOGwxLjAwNy0uNDk4LTIuMjUyLTQuMzk4em0xNS40OCAxNC40MDRoLTF2LTEzaDF2MTN6bS0yLTJoLTF2LTloMXY5em00LTFoLTF2LTdoMXY3em0tNi0xaC0xdi01aDF2NXptLTItMWgtMXYtM2gxdjN6bTEwIDBoLTF2LTNoMXYzem0tMTItMWgtMXYtMWgxdjF6Ii8+PC9zdmc+') left center no-repeat; background-size:auto 1em;}
	.low_contact .date {margin:0.5em 0 0 0; font-size:80%; font-weight:600; text-align:center;}
	.low_contact .btn {margin:1.5em 0 0 0; font-size:90%; font-weight:600; text-align:center;}
	.low_contact .btn a {position:relative; padding:0.4em 3em 0.6em 3em; background:#003093; color:#fff;}
	.low_contact .btn a::after {position:absolute; display:block; content:''; width:0.4em; height:0.4em; border:2px solid #fff; border-bottom:0; border-left:0; right:1em; top:40%; transform:rotate(45deg);}
  
  /* ptop */
  #ptop {width:90%; margin:3em auto 0 auto; font-size:90%; font-weight:600; text-align:center;}
  #ptop a {color:#000; transition:0.3s;}
  #ptop a:hover {opacity:0.8;}
  #ptop span {padding:0 0 0 1.6em; background:url(../images/pagetop.png) left 0.35em no-repeat; background-size:auto 1em;}
  
  /* cmn_contact */
  #cmn_contact {width:80%; margin:3em auto 0 auto;}
  
  /* footer */
  footer {margin:1em 0 0 0;}
	footer ul {width:96%; margin:0 auto; display:flex; align-items:center; flex-wrap:wrap; justify-content:center; padding:0.8em 0; background:#f7f7f7; font-size:95%; font-weight:400;}
  footer ul a {border-bottom:1px solid transparent; color:#003093; transition:0.3s;}
  footer ul a:hover {border-bottom:1px solid #003093;}
  footer ul li {position:relative; padding:0.2em 1.5em 0.2em 0.5em;}
  footer ul li:last-child {padding-right:0;}
  footer ul li::after {position:absolute; display:block; content:'／'; right:0; top:0; color:#003093;}
  footer ul li:last-child::after {display:none;}
  footer .copy_bg {padding:3em 0; background:url(../images/bg_copy.jpg) center top no-repeat; background-size:cover; color:#fff;}
  footer .inner {width:90%; margin:0 auto;}
  footer .inner .logo {width:140px; margin:0 auto;}
  footer .inner p.copy {margin-top:0.8em; font-size:70%; letter-spacing:0.05em; text-align:center;}
  
  
  .os_box {}
  .os_box .os_txt {}
  .os_box .os_img {display:flex; align-items:center; justify-content:center; width:300px; margin-top:1em; padding:20px; border:1px solid #ddd;}
  .os_link {width:80%; margin-top:0 !important;}
  
  .line_box {}
  .line_box .line_txt {}
  .line_box .line_img {width:220px; padding:20px; margin-top:1em; border:1px solid #ddd;}
  .line_qr {margin-top:0 !important;}
  .line_qr img {width:180px; height:auto;}
  .line_btn {margin-top:0 !important;}
  .line_btn img {width:auto !important; height:36px !important;}
  .line_btn a {border:none !important;}

}



/*********************************
 * 901～
 *********************************/

@media screen and (min-width:901px) {
  body {width:100%; background:#fff; font-size:17px;}
  a {text-decoration:none;}
  a img {transition:opacity 0.2s ease-in-out; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
  a img:hover {opacity:0.8; cursor:pointer;}
  img {width:100%; height:auto;}
  p {margin-top:1em; text-align:justify; text-justify:inter-ideograph;}
  .sp {display:none;}  
  .wrapper {}
  
  /* header */
  header {position:absolute; top:0; left:0; width:100%;}
  header .inner {display:flex; justify-content:space-between; width:100%;}
	header h1 {display:inline-block; color:#fff; font-size:90%; font-weight:600;}
	header h1 span {position:relative; display:inline-block; padding:1em 1em 1em 50px; background:#003093;}
	header h1 span::after {position:absolute; display:block; content:''; width:2em; height:100%; top:0; right:-2em; background:linear-gradient(to bottom right, #003093 48%, rgba(0,0,0,0) 52%);}
	header .h_right {position:fixed; top:0; right:0; width:270px; height:38em; background:rgba(255,255,255,0.9); z-index:100;}
  header .h_right .logo {width:248px; margin:1.8em auto 0 auto;}
  header .h_right .tel_box {position:absolute; bottom:0; left:0; width:100%; padding:1em 0.5em; background:#ffea5f; color:#003093;}
  header .h_right dl.tel {text-align:center;}
  header .h_right dl.tel dt {font-size:130%; font-weight:800; line-height:1.2;}
  header .h_right dl.tel dt a {color:#003093; pointer-events:none;}
  header .h_right dl.tel dd {padding-top:5px; font-size:65%;}
	header .h_right .contact {width:12em; margin:1em auto 0 auto; font-size:85%; font-weight:600; text-align:center;}
  header .h_right .contact a {display:block; padding:0.5em 0; background:url(../images/icon_mail.png) 1em center no-repeat; background-size:auto 1.1em; border:2px solid #003093; color:#003093; text-decoration:none; transition:0.3s;}
  header .h_right .contact a:hover {opacity:0.8;}
  
  /* nav */
  nav {display:block !important;}
  nav ul {width:100%; margin:1em 0 0 0; padding:2px 0; border-top:2px solid #003093; font-size:95%; font-weight:600;}
  nav ul li {border-bottom:1px solid #B2C2E3;}
  nav ul li a {display:block; padding:1.2em 3em 1.2em 1em; background:url(../images/icon_arwR.png) 92% center no-repeat; background-size:auto 0.9em; color:#003093; transition:0.3s;}
  nav ul li a:hover {opacity:0.8;}
  
  /* mv_fade
  .mv_slider {position:relative; top:0; left:0; width:100%; height:38em;}
  .mv_slider .slider {overflow:hidden; position:relative; width:100%; height:38em; z-index:-1;}
  .mv_slider .slider_item {width:100%; height:38em;}
  .mv_slider .slider_item .inner {display:flex; align-items:center; justify-content:center; width:calc(100% - 270px - 6%); height:100%; margin:0 0 0 3%;}
  .mv_slider .slider_item .inner p {width:100%; color:#fff; font-size:150%; font-weight:800; text-shadow:0 0 0.2em #003093;}
  .mv_slider .slider_item .inner p.center {text-align:center;}
  .mv_slider .slider_item .inner p.right {text-align:right;}
  .mv_slider .slider_item .inner p span {display:inline-block; margin-bottom:0.3em; font-size:170%; font-weight:900; line-height:1.3;}
  .mv_slider .slider_item img {position:absolute; width:100%; height:100%; top:0; left:0; vertical-align:bottom; object-fit:cover; object-position:center center; z-index:-1;} */
  
  /* mv_slide */
  .mv_slider {position:relative; top:0; left:0; width:100%; height:38em;}
  .mv_slider .slider {overflow:hidden; position:relative; width:100%; height:38em; z-index:-1;}
  .mv_slider .slider_item {position:relative; width:100%; height:38em;}
  .mv_slider .slider_item .inner {display:flex; align-items:center; justify-content:center; width:calc(100% - 270px - 6%); height:100%; margin:0 0 0 3%;}
  .mv_slider .slider_item .inner p {width:100%; color:#000; font-size:150%; font-weight:800; text-shadow:0 0 0.2em #fff;}
  .mv_slider .slider_item .inner p.center {text-align:center;}
  .mv_slider .slider_item .inner p.right {text-align:right;}
  .mv_slider .slider_item .inner p span {display:inline-block; margin-bottom:0.3em; font-size:170%; font-weight:900; line-height:1.3;}
  .mv_slider .slider_item img {position:absolute; width:100%; height:100%; top:0; left:0; vertical-align:bottom; object-fit:cover; object-position:center center; z-index:-1;}
  .mv_slider .slider_item:nth-child(1) img {object-position:center bottom;}
  .mv_slider .slider_item:nth-child(3) img {object-position:center top;}
  
  /* low_mv */
  .low_mv {width:100%; background:url(../images/bg_mv.jpg) center center no-repeat; background-size:cover; z-index:-1;}
  .low_mv .inner {position:relative; display:flex; align-items:center; justify-content:center; height:10em; padding:2em 270px 0 0;}
  .low_mv .inner h1 {color:#003093; font-size:220%; font-weight:800; letter-spacing:0.05em; text-align:center; line-height:0.7; text-shadow:0 0 0.1em #fff, 0 0 0.1em #fff, 0 0 0.1em #fff, 0 0 0.1em #fff;}
  .low_mv .inner h1 span {font-size:40%; font-weight:500;}
	
	.contents {width:100%; margin:0; padding-right:270px;}
  
  /* h2 */	
	main h2 {position:relative; width:91%; max-width:980px; margin:3em auto 0 auto; padding:0 0 0.5em 0; color:#003093; font-size:190%; font-weight:800; line-height:1;}
  main h2::before {position:absolute; display:block; content:''; width:50%; height:3px; bottom:0; left:0; background:#003093;}
  main h2::after {position:absolute; display:block; content:''; width:100%; height:2px; bottom:-4px; left:0; background:#e1e2e3;}
  
  /* top_rnews */
  #top_rnews {width:91%; max-width:980px; margin:2.5em auto 0 auto;}
	#top_rnews h2 {margin:0;}
  #top_rnews .inner {margin:1.5em auto 0 auto;}
  #top_rnews .inner .news {position:relative; display:flex; flex-direction:row-reverse; justify-content:space-between; font-size:95%;}
  #top_rnews .inner .news .btn {width:40%; margin:0; font-size:80%; font-weight:600; text-align:center;}
  #top_rnews .inner .news .btn a {position:relative; display:block; width:80%; padding:0.4em 0; background:url(../images/icon_arwR.png) 92% center no-repeat; background-size:auto 0.9em; border:2px solid #003093; color:#003093; transition:0.3s;}
	#top_rnews .inner .news .btn a:hover {opacity:0.8;}
  #top_rnews .inner .news iframe {width:60%; height:11.5em;}
  #top_rnews .inner .news ul {width:100%;}
  #top_rnews .inner .news ul a {border-bottom:1px solid transparent; color:#101010; transition:0.3s;}
  #top_rnews .inner .news ul a:hover {border-bottom:1px solid #101010;}
  #top_rnews .inner .news ul li {padding:1.5em; border-bottom:1px solid #7f7f7f;}
  #top_rnews .inner .news ul li span {display:block; padding:0 0 0.3em 0; font-family:'Lato', sans-serif;}
  
  /* top_news */
  #top_news {width:91%; max-width:980px; margin:2.5em auto 0 auto;}
	#top_news h2 {margin:0; text-align:right;}
  #top_news h2::before {left:50%;}
  #top_news .inner {margin:1.5em auto 0 auto;}
  #top_news .inner .news {position:relative; display:flex; justify-content:space-between; width:100%; font-size:95%;}
  #top_news .inner .news .btn {width:40%; margin:0; font-size:80%; font-weight:600;}
  #top_news .inner .news .btn a {position:relative; display:block; width:80%; margin:0 0 0 20%; padding:0.4em 0; background:url(../images/icon_arwR.png) 92% center no-repeat; background-size:auto 0.9em; border:2px solid #003093; color:#003093; text-align:center; transition:0.3s;}
	#top_news .inner .news .btn a:hover {opacity:0.8;}
  #top_news .inner .news ul {width:60%; font-weight:500;}
  #top_news .inner .news ul a {border-bottom:1px solid transparent; color:#101010; transition:0.3s;}
  #top_news .inner .news ul a:hover {border-bottom:1px solid #000;}
  #top_news .inner .news ul li {position:relative; padding:0.5em 0 0.5em 9.5em;}
  #top_news .inner .news ul li span {position:absolute; display:inline-block; width:9.5em; top:0.5em; left:0;}
  
  /* ptxt */
  main .ptxt {width:91%; max-width:980px; margin:1.5em auto 0 auto; font-size:95%; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  
  /* area1 */
  main .area1 {width:91%; max-width:980px; margin:1.5em auto 0 auto;}
  
  /* area2 */
  main .area2 {width:91%; max-width:980px; margin:1.5em auto 0 auto;}
  main .area2 .ptxt {display:flex; position:relative; justify-content:space-between; width:100%; margin:0;}
  main .area2 .ptxt .fleft {width:45%; padding-top:0.6em;}
  main .area2 .ptxt .fright {width:50%; font-weight:400; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  
  /* area3 */
  main .area3 {width:91%; max-width:980px; margin:1.5em auto 0 auto;}
  main .area3 .ptxt {display:flex; position:relative; justify-content:space-between; flex-direction:row-reverse; width:100%; margin:0;}
  main .area3 .ptxt .fleft {width:50%; font-weight:400; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  .area3 .ptxt .fright {width:45%; padding-top:0.6em;} 
  
  /* cmn_bnr */
  #cmn_bnr {width:100%; margin:4em 0 0 0; padding-right:270px;}
  #cmn_bnr ul {display:flex; flex-wrap:wrap; width:91%; max-width:980px; margin:0 auto;}
  #cmn_bnr ul li {width:31.7%; max-width:310px; margin:0 2.45% 1em 0;}
  #cmn_bnr ul li:nth-child(3n) {margin-right:0;}
  
	/* low_contact */
	.low_contact {width:70%; margin:5em auto 0 auto; padding-bottom:2em; border:3px solid #003093;}
	.low_contact .ttl {width:80%; margin:0 auto; padding:1em 0; border-bottom:3px solid #003093; color:#003093; font-weight:600; text-align:center;}
	.low_contact .call {margin:0.5em 0 0 0; font-family:'Lato', sans-serif; font-size:180%; font-weight:800; text-align:center;}
	.low_contact .call span {padding:0 0 0 1.4em;  background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5IDEuMzIybDIuODQ0LTEuMzIyIDQuMDQxIDcuODg5LTIuNzI0IDEuMzQyYy0uNTM4IDEuMjU5IDIuMTU5IDYuMjg5IDMuMjk3IDYuMzcyLjA5LS4wNTggMi42NzEtMS4zMjggMi42NzEtMS4zMjhsNC4xMSA3LjkzMnMtMi43NjQgMS4zNTQtMi44NTQgMS4zOTZjLS41OTguMjczLTEuMjE1LjM5OS0xLjg0Mi4zOTctNS42NDktLjAxOS0xMi4wODYtMTAuNDMtMTIuMTMzLTE3LjMzLS4wMTYtMi40MDcuNzQ1LTQuMzg3IDIuNTktNS4zNDh6bTEuOTMgMS4yNzRsLTEuMDIzLjUwNGMtNS4yOTQgMi43NjIgNC4xNzcgMjEuMTg1IDkuNjQ4IDE4LjY4NmwuOTcyLS40NzQtMi4yNzEtNC4zODMtMS4wMjYuNTAxYy0zLjE2MyAxLjU0Ny04LjI2Mi04LjIxOS01LjA1NS05LjkzOGwxLjAwNy0uNDk4LTIuMjUyLTQuMzk4em0xNS40OCAxNC40MDRoLTF2LTEzaDF2MTN6bS0yLTJoLTF2LTloMXY5em00LTFoLTF2LTdoMXY3em0tNi0xaC0xdi01aDF2NXptLTItMWgtMXYtM2gxdjN6bTEwIDBoLTF2LTNoMXYzem0tMTItMWgtMXYtMWgxdjF6Ii8+PC9zdmc+') left center no-repeat; background-size:auto 1em;}
	.low_contact .date {margin:0.5em 0 0 0; font-size:80%; font-weight:600; text-align:center;}
	.low_contact .btn {margin:1.5em 0 0 0; font-size:90%; font-weight:600; text-align:center;}
	.low_contact .btn a {position:relative; padding:0.5em 3em 0.6em 3em; background:#003093; color:#fff; transition:0.3s;}
	.low_contact .btn a:hover {opacity:0.8;}
	.low_contact .btn a::after {position:absolute; display:block; content:''; width:0.4em; height:0.4em; border:2px solid #fff; border-bottom:0; border-left:0; right:1em; top:42%; transform:rotate(45deg);}
	
  /* ptop */
  #ptop {width:100%; margin:3em 0 0 0; padding-right:270px; font-size:90%; font-weight:600; text-align:center;}
  #ptop a {color:#000; transition:0.3s;}
  #ptop a:hover {opacity:0.8;}
  #ptop span {padding:0 0 0 1.6em; background:url(../images/pagetop.png) left 0.35em no-repeat; background-size:auto 1em;}
  
  /* cmn_contact */
  #cmn_contact {width:100%; margin:4em 0 0 0; padding-right:270px; text-align:center;}
  #cmn_contact a {display:block; max-width:540px; margin:0 auto;}
  
  /* footer */
  footer {margin:1em 0 0 0;}
	footer ul {display:flex; align-items:center; justify-content:center; padding:0.8em 270px 0.8em 0; background:#f7f7f7; font-size:95%; font-weight:400;}
  footer ul a {border-bottom:1px solid transparent; color:#003093; transition:0.3s;}
  footer ul a:hover {border-bottom:1px solid #003093;}
  footer ul li {position:relative; padding:0 1.5em 0 0.5em;}
  footer ul li:last-child {padding-right:0;}
  footer ul li::after {position:absolute; display:block; content:'／'; right:0; top:0; color:#003093;}
  footer ul li:last-child::after {display:none;}
  footer .copy_bg {padding:4em 270px 3em 0; background:url(../images/bg_copy.jpg) right top no-repeat; background-size:cover; color:#fff;}
  footer .inner {width:91%; max-width:980px; margin:0 auto;}
  footer .inner .logo {width:248px; margin:0 auto;}
  footer .inner p.copy {margin-top:1.2em; font-size:80%; letter-spacing:0.05em; text-align:center;}
  
  .os_box {display:flex; justify-content:space-between;}
  .os_box .os_txt {width:calc(100% - 340px);}
  .os_box .os_img {display:flex; align-items:center; justify-content:center; width:300px; padding:20px; border:1px solid #ddd;}
  .os_link {width:80%; margin-top:0 !important;}
  
  .line_box {display:flex; justify-content:space-between;}
  .line_box .line_txt {width:calc(100% - 260px);}
  .line_box .line_img {display:flex; align-items:center; justify-content:center; flex-direction:column; width:220px; padding:20px; border:1px solid #ddd;}
  .line_qr {margin-top:0 !important;}
  .line_qr img {width:180px; height:auto;}
  .line_btn {margin-top:0 !important;}
  .line_btn img {width:auto !important; height:36px !important;}
  .line_btn a {border:none !important;}

}

@media screen and (min-width:901px) and (max-width:1280px) {
  
  body {font-size:1.5vw;}

}