@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html {visibility:hidden}
html.wf-active {visibility:visible}

/*pc + sp*/
.pc   {display:block}
.sp   {display:none}
@media only screen and (max-width:767px) {
.pc   {display:none}
.sp   {display:block}
}

/* ----------------------------------------------------------

Fonts

---------------------------------------------------------- */
@font-face {
  font-family:'Noto Sans Japanese';
  font-style:normal;
  font-weight:100;
  src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
  font-family:'Noto Sans Japanese';
  font-style:normal;
  font-weight:200;
  src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:300;
   src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:400;
   src:local('NotoSansJP-Regular.otf'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:500;
   src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:700;
   src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:900;
   src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
}

/* ----------------------------------------------------------

Common

---------------------------------------------------------- */
div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dt,dd  {
word-break:break-all;
padding:0;
margin:0;
box-sizing:border-box;
outline:none;
font-family:"Noto Sans JP", sans-serif;
}
h1,h2,h3,h4,h5,h6 {font-weight:normal;padding:0;margin:0}
ul,ul li          {list-style:none;padding:0;margin:0}

/*clearfix*/
* html .clearfix,
*+html .clearfix  {zoom:1}
.clearfix:after   {height:0;visibility:hidden;content:".";display:block;clear:both}

/*clear*/
.clear-both   {clear:both}
.clear-left   {clear:left}
.clear-right  {clear:right}

/*position*/
.center       {text-align:center}
.left         {text-align:left}
.right        {text-align:right}

/*text*/
.red          {color:#e31c24}
.strong       {font-weight:bold}
.large        {font-size:130%}
.tenmincho    {font-family:ten-mincho, serif;font-style:normal;font-weight:300}
.yumincho     {font-family:"Yu Mincho", "YuMincho", serif}

/*link*/
a,
a:hover       {cursor:pointer}

/*img*/
img           {vertical-align:middle;-ms-interpolation-mode:bicubic;max-width:100%}
.img_border   {border:1px solid #dedede;box-sizing:border-box}
.alignnone,
.alignleft,
.alignright,
.aligncenter  {max-width:100%;margin:0;width:auto}
.alignnone    {margin-bottom:5px} 
.alignleft    {display:inline;float:left;margin-top:5px;margin-right:25px;margin-bottom:25px}
.alignright   {display:inline;float:right;margin-top:5px;margin-left:25px;margin-bottom:25px}
.aligncenter  {clear:both;display:block;margin-left:auto;margin-right:auto;text-align:center}
 @media only screen and (max-width:767px) {
.alignnone,
.alignleft,
.alignright,
.aligncenter  {display:block;float:none;text-align:center;margin:1em auto}
}

/* ----------------------------------------------------------

Table Layout

---------------------------------------------------------- */
.table {width:100%;table-layout:fixed;border:none;padding:0;margin:0;border-collapse:collapse}
.table tbody th ,
.table tbody td  {border:none;font-weight:normal;padding:1.25em;font-size:82%;line-height:1.78em}
.table tbody th  {width:25%!important;font-weight:600}
.table tbody .nopadding  {padding:1.5em 0}
.table_bordered thead th,
.table_bordered tbody th  {border:1px solid #dedede;font-weight:normal;padding:1em;font-size:82%;line-height:1.78em;text-align:center;background:#f2f2f2}
.table_bordered thead td,
.table_bordered tbody td  {border:1px solid #dedede;font-weight:normal;padding:1em;font-size:82%;line-height:1.78em}
.table_bordered tbody th  {width:25%!important;font-weight:600}
.table_bordered thead th span.small {display:block;font-size:9pt;margin:0}

.table_striped tbody th ,
.table_striped tbody td   {border:none;font-weight:normal;padding:1.25em;font-size:82%;line-height:1.78em}
.table_striped tbody th   {width:25%!important;font-weight:600}
.table_striped tbody tr:nth-child(odd) th,
.table_striped tbody tr:nth-child(odd) td {background:#F5F5F5}
.table_striped tbody tr:nth-child(even) th,
.table_striped tbody tr:nth-child(even) td {background:#fff}

.table_small thead th,
.table_small thead td,
.table_small tbody th,
.table_small tbody td   {padding:10px}   


@media only screen and (max-width:960px) {
.table_responsive tbody th,
.table_responsive tbody td  {border:none!important;display:block;width:100%!important;position:relative;margin-bottom:-1px;font-size:96%}
.table_responsive tbody th  {padding:10px 10px 0!important;box-sizing:border-box}
.table_responsive tbody td  {padding:0 10px 10px!important;box-sizing:border-box}
}

/* ----------------------------------------------------------

Form Layout

---------------------------------------------------------- */
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
textarea  {
width:95%;
max-width:95%;
border:1px solid #ddd;
background:#fff;
font-size:90%;
min-height:40px;
padding:10px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius:0;
outline:0
}
input[type=submit] {
border-radius:0;
-webkit-box-sizing:content-box;
-webkit-appearance:button;
appearance:button;
box-sizing:border-box;s
cursor:pointer;
}
select {margin:0 0.12em;border:1px solid #ddd;font-size:100%;outline:0}
@media only screen and  (max-width:960px) {
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
textarea  {width:100%;max-width:95%}
}

/*btn*/
.btn, 
input[type=submit]  {border-radius:4px;display:block;text-align:center;text-decoration:none;position:relative;font-size:100%;line-height:normal;font-weight:bold}
.btn_primary        {color:#fff;padding:1.25em 1em;border:none;
background:#33bfdc; /* Old browsers */
background:-moz-linear-gradient(-45deg,  #33bfdc 0%, #0085D6 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(-45deg,  #33bfdc 0%,#0085D6 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(135deg,  #33bfdc 0%,#0085D6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-bottom:3px solid #0085D6
}

.btn_primary:after  {position:absolute;top:39%;right:10px;content:'\f054';color:#fff;font-size:90%;line-height:normal;font-family:"Font Awesome 5 Free";font-weight:900}
.btn_primary:hover,
.btn_primary:focus  {background:#0085D6} 
.btn_default        {background:#dedede;color:#555;padding:1em 0.5em;border:none}
.btn_default:hover,
.btn_default:focus  {background:#f7f7f7} 
.btn_tertiary        {background:#fb7878;color:#fff;padding:1em 0.5em;border:none}
.btn_tertiary:hover,
.btn_tertiary:focus  {background:#f9a7a7} 
@media only screen and  (max-width:960px) {
.form_submit        {margin:15px auto 0}
input[type="submit"],
.btn_primary        {padding:28px 10px}
}

/* ----------------------------------------------------------

Layout

---------------------------------------------------------- */
body,
div                 {position:relative;margin:auto}
.section            {position:relative}
body                {width:100%;font-size:15pt;line-height:1.85em;text-align:justify!important;font-weight:400;overflow-x:hidden}
#wrapper            {background:#E0E0E0}
.home #wrapper      {background:#fff}
.container          {max-width:1024px}
.container_middle   {max-width:980px} 
.container_narrow   {max-width:880px}
.container_x_narrow {max-width:600px}
@media only screen and (max-width:960px) {
body                {font-size:13pt;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch}
.container,
.container_middle,
.container_narrow   {max-width:100%;margin:auto;padding-left:1em;padding-right:1em;box-sizing:border-box}
.container_x_narrow {max-width:600px;margin:auto;padding-left:1em;padding-right:1em;box-sizing:border-box}
#wrapper            {overflow-x:hidden}
}

/* ----------------------------------------------------------

Header

---------------------------------------------------------- */
/*topbar*/
.topbar         {background:#fff;padding:20px 0}
.topbar .logo   {width:49%;display:inline-block;vertical-align:middle}
.topbar .header_tel  {width:49%;display:inline-block;vertical-align:middle;text-align:right}
@media only screen and (max-width:520px) {
.topbar         {padding:20px 0}
.topbar .logo   {width:100%;display:block;vertical-align:middle;text-align:center}
.topbar .logo img     {max-width:150px}
.topbar .header_tel   {display:none}
}
@media only screen and (min-width:521px) and (max-width:960px) {
.topbar         {padding:20px 0}
.topbar .logo   {width:100%;display:block;vertical-align:middle;text-align:center}
.topbar .logo img     {max-width:256px}
.topbar .header_tel   {display:none}
}

/*gnav*/
.gnav.pc                  {position:relative;margin:auto;background:#0085D6}
.gnav.pc .gnav-box        {margin:auto;text-align:center}
.gnav.pc .gnav-list li    {display:inline-block;vertical-align:middle;text-align:center;padding:0}
.gnav.pc .gnav-list li a  {display:block;text-decoration:none!important;font-size:100%;padding:1.5em 0.5em;font-weight:600;color:#fff}
.gnav.pc .gnav-list li a:after {content:'';border-right:1px solid rgba(255,255,255,0.5);padding-left:1.75em}
.gnav.pc .gnav-list li:nth-last-child(1) a:after {border-right:none}
.gnav.pc .gnav-list li a:hover,
.gnav.pc .gnav-list li a:focus,
.gnav.pc .gnav-list li.active a {}
@media only screen and (max-width:960px) {
.gnav.pc .gnav-list li a  {padding:1.5em 0.15em}
.collapse-button          {top:-45px;right:10px;width:30px;margin:0;position:absolute;cursor:pointer;z-index:100000}
.collapse-button a        {position:relative;display:block;height:20px;box-sizing:border-box}
.collapse-button span     { 
  position:absolute;
  display:inline-block;
  left:0;
  width:100%;
  height:2px;
  background-color:#0085D6;
  border-radius:2px;
  -webkit-transition:all 0.4s;
  transition:all 0.4s;
  box-sizing:border-box;
}
.collapse-button span:nth-of-type(1) {top:0}
.collapse-button span:nth-of-type(2) {top:9px}
.collapse-button span:nth-of-type(3) {bottom:0}
.collapse-button span:nth-of-type(2)::after {
  position:absolute;
  top:0;
  left:0;
  content:'';
  width:100%;
  height:2px;
  background-color:#0085D6;
  border-radius:2px;
  -webkit-transition:all .4s;
  transition:all .4s;
}
.collapse-button .active span:nth-of-type(2) {
  -webkit-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
          transform:rotate(-45deg);
}
.collapse-button .active span:nth-of-type(2)::after {
  -webkit-transform:rotate(90deg);
      -ms-transform:rotate(90deg);
          transform:rotate(90deg);
}
.collapse-button .active span:nth-of-type(1) {
  -webkit-transform:translateY(20px) scale(0);
      -ms-transform:translateY(20px) scale(0);
          transform:translateY(20px) scale(0);
}
.collapse-button .active span:nth-of-type(3) {
  -webkit-transform:translateY(-20px) scale(0);
      -ms-transform:translateY(-20px) scale(0);
          transform:translateY(-20px) scale(0);
}
/*collapse-menu*/
.collapse-menu ul,
.collapse-menu li       {margin:0;padding:0;list-style:none}
.collapse-menu          {display:none}
.collapse-menu          {width:100%;text-align:left;-webkit-overflow-scrolling:touch;box-shadow:0px 6px 3px -3px rgba(0,0,0,0.25);z-index:1000000}
.collapse-menu ul       {margin-bottom:-1px;border-bottom:1px solid #dedede}
.collapse-menu ul li    {position:relative;border-top:1px solid #dedede;background:#fff}
.collapse-menu ul li a  {display:block;color:#222;cursor:pointer;text-decoration:none;padding:8px 10px;font-size:100%}
.collapse-menu ul li .glyphicon {float:right}
.collapse-menu ul li a:focus,
.collapse-menu ul li a:hover    {color:#fff;text-decoration:none;background:#0085D6;opacity:1}
}

/*slider*/
.slider       {margin:auto;width:100%}
.slider img   {height:auto;width:100%}
.slick-prev:before,
.slick-next:before {color:rgba(100,100,100,0.5);font-size:40pt}
.slick-prev   {left:2.5%;z-index:1000}
.slick-next   {right:5%}
.slick-dots   {bottom:-40px;background:#ebf5fc}
.slick-dots li,
.slick-dots li button {width:30px;height:30px}
.slick-dots li button:before   {color:#3C80D3!important;font-size:14px}
@media only screen and (max-width:960px) {
}

/*mainvisual*/
.mainvisual   {position:relative;width:100%;margin:auto}
.mainvisual_container img {width:100%}
@media only screen and (max-width:960px) {
}

/* ----------------------------------------------------------

Section

---------------------------------------------------------- */
/*section*/
.section.border       {border-bottom:1px solid #ccc}
.section_block        {padding:100px 0;background:#fff;margin:auto}
.section_title        {letter-spacing:-0.1em;font-size:200%;line-height:1.23456789em;margin:auto;text-align:center}
.section_title .small {color:#555;font-size:11pt;letter-spacing:normal;display:block;font-weight:500}
.section_content p.center   {font-size:88%;line-height:2.2345em;margin:50px auto}
.shadow               {box-shadow:0 0 30px rgba(15,15,15,0.35)}
@media only screen and (max-width:960px) {
.section_block        {padding:50px 0}
}

/*bread*/
.bread                  {width:100%;margin:0;background:#F5F5F5}
.bread .container       {padding:0;margin:auto}
.bread .container p     {font-size:76%;padding:10px 0 }
.bread .container a     {text-decoration:underline}
@media only screen and (max-width:960px) {
.bread .container       {padding:0 10px;box-sizing:border-box}
}

/*about_menu*/
.about_menu   {padding:50px 0;background:#ebf5fc;box-sizing:border-box;position:relative;margin:-50px auto auto}
.about_menu .section_title {color:#0085D6;padding:50px 0}
.about_menu    {display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:center;margin:-25px auto auto}
.about_menu li {flex-basis:33%;margin:-1.5em -0.5em}
@media only screen and (max-width:551px) {
.home_about .section_title {padding:0}
.about_menu    {margin:auto;padding:0 0 25px}
.about_menu li {flex-basis:52%;margin:-0.5em}
}
@media only screen and (min-width:552px) and (max-width:767px) {
.about_menu li {flex-basis:35%;margin:-0.5em}
}


/* ----------------------------------------------------------


Home

---------------------------------------------------------- */
/*home_pickup*/
.home_pickup              {position:relative;z-index:11;margin:-68px auto auto}
.home_pickup a            {text-decoration:underline;color:#383838}
.home_pickup a:hover,
.home_pickup a:focus      {text-decoration:none}
.home_pickup_list         {
padding:1em 0 1em 2em;
box-shadow:0 0 20px rgba(155,155,155,0.35);
background:#fff;
box-sizing:border-box;
border-radius:16px;
z-index:111;
}
.home_pickup_list ul                {float:left;width:84%}
.home_pickup_list ul li             {display:block;width:100%;font-weight:500;font-size:80%}
.home_pickup .more_link             {float:right;width:15%}
.home_pickup .more_link a           {display:block;font-size:76%}
.home_pickup .more_link a:after     {
position:absolute;
transition:all 0.3s;
top:0;
right:1.25em;
content:'→';
color:normal;
font-size:120%;
line-height:2
}
@media only screen and (max-width:520px) {
.home_pickup_list         {padding:1em 1.25em}
.home_pickup_list ul      {float:left;width:100%}
.home_pickup .more_link   {float:right;width:100%;text-align:right}
.home_pickup .more_link a {display:block;margin-right:1.5em}
.home_pickup .more_link a:after     {right:0}
}

/*home_news*/
.home_news {
padding:125px 0 ;
background:#fff8f8;
box-sizing:border-box;
position:relative;
margin:-2em auto
}
.home_news .section_title {color:#fb7878;padding:0}
.home_news_content   {
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:top!important;
justify-content:space-between;
padding-top:50px;
margin:auto 
}
.home_news_menu      {
flex-basis:46.5%;
background:#fff;
position:relative;
border-radius:20px;
padding-bottom:2em;
box-sizing:border-box;
box-shadow:0px 0px 20px rgba(100,100,100,0.15);
}
.home_news_menu_img           {position:relative;top:0;z-index:20}
.home_news_menu_img span img  {border-radius:20px 20px 0 0}
.home_news_menu_text          {z-index:10;position:relative;border-radius:0 0 20px 20px;}
.home_news_menu_title         {text-align:center;margin:auto;font-size:140%;color:#fb7878;padding:1.5em 1em 0.25em;box-sizing:border-box}
.home_news_menu_comment       {text-align:center;margin:auto;font-size:80%;padding:1.5em 2em ;box-sizing:border-box;line-height:1.78;min-height:80px}
.home_news_menu_btn           {margin:auto ;text-align:center}
.home_news a.btn_tertiary     {max-width:150px;border-radius:100px;font-size:80%;padding:1em;;margin:auto;text-align:center}
.home_news a.btn_tertiary:after     {
position:absolute;
transition:all 0.3s;
top:32%;
right:1em;
content:'→';
color:normal;
font-size:100%;
line-height:normal;
}
@media only screen and (max-width:520px) {
.home_news          {padding:125px 1em 100px;box-sizing:border-box}
.home_news_menu     {flex-basis:100%;margin:1em auto auto}
}
@media only screen and (min-width:521px) and (max-width:960px) {
.home_news_menu_comment       {min-height:120px}
}

/*home_about*/
.home_about {
padding:100px 0;
background:url(../img/home_about_bg.png) bottom center no-repeat;
box-sizing:border-box;
position:relative;
margin:auto
}
.home_about .section_title {color:#0085D6;padding:50px 0}
.home_about_menu    {display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:center;margin:50px auto}
.home_about_menu li {flex-basis:33%;margin:-0.5em}
@media only screen and (max-width:551px) {
.home_about         {padding:25px 0;background:url(../img/home_about_bg_sp.png) bottom center no-repeat}
.home_about .section_title {padding:25px 0}
.home_about_menu    {margin:25px auto}
.home_about_menu li {flex-basis:52%;margin:-0.5em}
}
@media only screen and (min-width:552px) and (max-width:767px) {
.home_about         {padding:50px 0;background:url(../img/home_about_bg_sp.png) bottom center no-repeat}
.home_about .section_title {padding:25px 0}
.home_about_menu    {margin:25px auto}
.home_about_menu li {flex-basis:35%;margin:-0.5em}
}

/*home_feature*/
.home_feature {
margin:100px auto 0;
padding:0 0 100px;
background:url(../img/home_feature_bg.png) 50% 25px  no-repeat;
background-size:cover;
box-sizing:border-box;
position:relative
}
.home_feature .section_title {color:#0D9E82;padding:0}
.home_feature_content   {
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:center;
padding-top:50px;
margin:100px auto 50px
}
.home_feature_menu      {flex-basis:45%;position:relative}
.home_feature_menu_img  {position:relative;top:0;z-index:20}
.home_feature_menu_img span img  {
border-radius:20px;
box-shadow:0px 0px 30px rgba(55,55,55,0.15);
}
.home_feature_menu_text   {
border-radius:20px;
z-index:10;
position:relative;
background:#fff;
left:20px;
top:-200px;
margin-bottom:-150px;
padding:235px 2em 2em;
box-sizing:border-box;
box-shadow:0px 0px 20px rgba(100,100,100,0.15);
}
.home_feature_menu_title    {text-align:center;margin:auto;font-size:140%;color:#0D9E82}
.home_feature_menu_comment  {text-align:center;margin:15px auto auto;font-size:80%;line-height:1.6789em}
.home_feature_button img    {max-width:468px}
@media only screen and (max-width:551px) {
.home_feature             {margin:50px auto 0;padding:0 0 50px}
.home_feature_content     {padding-top:0;margin:50px auto}
.home_feature_menu        {flex-basis:85%}
.home_feature_menu_text   {padding:235px 1em 2em}
.home_feature_button      {margin-top:-50px;;position:relative}
.home_feature_button img  {max-width:90%}
}
@media only screen and (min-width:552px) and (max-width:767px) {
.home_feature             {margin:50px auto 0;padding:0 0 50px}
.home_feature_content     {padding-top:0;margin:50px auto}
.home_feature_menu        {flex-basis:70%}
.home_feature_button img  {max-width:400px}
}


/* ----------------------------------------------------------

Report

---------------------------------------------------------- */
/*report*/
.report .section_title      {color:#0085D6}
.access .access_map         {width:100%;margin:auto auto -10px;background:#fff}
.access .access_map iframe  {width:100%;height:400px;border:none}
.access .section_block      {padding:25px 0 100px}
.access .section_title      {padding:0 0 50px}
@media only screen and (max-width:960px) {
.access .access_map         {width:100%;height:auto;position:relative;padding-bottom:75%;height:0;overflow:hidden}
.access .access_map iframe  {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none} 
}

/*profile*/
.profile .section_title         {color:#0085D6}
.profile .profile_img_list      {margin:50px auto}
.profile .profile_img_list li   {margin:30px auto}
.profile .profile_img_list li  img  {border-radius:14px}
@media only screen and (max-width:960px) {
}

/*capacity*/
.capacity .section_title        {color:#0085D6}
.capacity .capacity_title       {width:100%;margin:50px 0 10px}
.capacity .capacity_title span  {display:block}  
.capacity .capacity_subtitle    {font-size:100%;font-weight:500;float:left}  
.capacity .capacity_caption     {font-size:70%;;text-align:right;float:right;margin-top:-42.50px}  
.capacity .table_striped tbody th  {width:33%!important;font-weight:600}
@media only screen and (max-width:960px) {
}

/*day*/
.day .section_title   {color:#0085D6}
.day_list_container   {
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:top;
justify-content:center;
margin:100px auto auto;
padding-bottom:50px;
text-align:center;
}  
.day_list_left            {flex-basis:48%}  
.day_list_right           {flex-basis:48%}  
.day_list_title           {background:#D9F1FC;border:6px solid #D9F1FC;border-radius:10px 10px 0 0;padding:1em 0}
.day_list_title_icon img  {margin-top:-60px;border:6px solid #D9F1FC;border-radius:100%;position:relative}
.day_list_title_text      {display:block;font-size:160%;margin-top:15px}
.day_list_body dl         {text-align:left;border:6px solid #D9F1FC;margin:0;padding:1em;box-sizing:border-box;;margin-bottom:-6px;font-size:90%}
.day_list_body dl:nth-last-child(1)     {border-radius:0 0 10px 10px}
.day_list_body dl dt      {width:20%;display:inline-block;vertical-align:middle}
.day_list_body dl dd      {width:79%;display:inline-block;vertical-align:middle}
.day_list_left .day_list_title            {background:#D9F1FC;border-color:#D9F1FC}
.day_list_left .day_list_title_icon img ,
.day_list_left .day_list_body dl          {border-color:#D9F1FC}
.day_list_left .day_list_title_text,
.day_list_left .day_list_body dl dt       {color:#0085D6}
.day_list_right .day_list_title           {background:#CFECE6;border-color:#CFECE6}
.day_list_right .day_list_title_icon img ,
.day_list_right .day_list_body dl         {border-color:#CFECE6}
.day_list_right .day_list_title_text,
.day_list_right .day_list_body dl dt      {color:#0D9E82}
@media only screen and (max-width:767px) {
.day_list_left            {flex-basis:100%;margin-bottom:75px}  
.day_list_right           {flex-basis:100%}  
}

/*year*/
.year .section_title   {color:#0085D6}
.year_list_container   {
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:top;
justify-content:center;
margin:25px auto auto;
padding:25px 0 50px;
}  
.year_list                {flex-basis:30%;border-radius:10px 10px 0 0;margin:45px auto;box-shadow:0 0 30px rgba(15,15,15,0.15)}  
.year_list.month4         {background:#fcf6f8}  
.year_list.month5         {background:#eef3db}  
.year_list.month6         {background:#f1f0f7}  
.year_list.month7         {background:#ebf0f8}  
.year_list.month8         {background:#fffbe9}  
.year_list.month9         {background:#fcf4e4}  
.year_list.month10        {background:#fcf2e1}  
.year_list.month11        {background:#faede4}  
.year_list.month12        {background:#ebf2e8}  
.year_list.month1         {background:#fae9e1}  
.year_list.month2         {background:#edf6fd}  
.year_list.month3         {background:#fcf4ef}  
.year_list_title_icon     {text-align:left}
.year_list_title_icon img {margin:-40px 0 0 20px;position:relative;max-width:74px}
.year_list_title_text     {display:block;font-size:200%;margin:-10px auto 0;padding:0;text-align:center}
.year_list_title_comment  {display:block;font-size:72%;margin:10px auto 15px;text-align:center;line-height:1.5678em;min-height:40px}
.year_list_img span       {display:block}
.year_list_img span img   {border-radius:0 0 10px 10px}
@media only screen and (max-width:767px) {
.year_list                {flex-basis:47.5%}  
.year_list_title_icon img {margin:-40px 0 0 0px;max-width:64px}
.year_list_title_comment  {display:block;font-size:70%}
}


/*information*/
.section.information {
padding:125px 0 ;
background:#fff;
box-sizing:border-box;
position:relative;
margin:auto
}
.information .section_title {color:#0085D6;letter-spacing: 0.02em}
.information_container  {padding: 2.5em 0 0}
.information_list ul     {display: flex;flex-wrap: wrap;justify-content: left;align-items: top;}
.information_list ul li    {flex-basis: 31%;margin: 1%;}
.information_list ul li a     {
background-image: url(../img/icon_pdf.png);
background-position: 1em 50%;
background-color: #fff;
background-repeat: no-repeat;
padding: 1.25em 1.25em 1.25em 66px;
border: 3px solid #0085D6;
color: #0085D6;
border-radius:16px;
box-sizing: border-box;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: flex;
align-items: center;
min-height: 110px;
text-decoration: none
}
.information_list ul li span        {display: block;font-size: 90%;line-height:1.789;font-weight: 600}
.information_list ul li span:after  {content: '→';position: absolute;right: 1em;top: calc(40%)}
@media only screen and (max-width:520px) {
.information_container  {padding: 1.00005em 0 0}
.information_list ul li       {flex-basis: 100%;margin: 1% auto;padding: 0 0.5em;box-sizing:border-box;}
.information_list ul li a     {width: 100%;min-height: 1px;padding: 1.25em 1.75em 1.25em 66px;}
}


/* ----------------------------------------------------------

Feature

---------------------------------------------------------- */
/*feature*/
.feature .section_title   {color:#0D9E82}
.feature_block1           {background:#fff}
.feature_block2           {background:#E7F5F2}
.feature_block3           {background:#fff}
.feature_block4           {background:#E7F5F2}
.feature_deatil_container {margin:100px auto auto;text-align:center}
.feature_deatil           {border:5px solid #CFECE6;border-radius:20px }
.feature_block1 .feature_deatil   {border-color:#CFECE6}
.feature_block2 .feature_deatil   {border-color:#fff}
.feature_block3 .feature_deatil   {border-color:#CFECE6}
.feature_block4 .feature_deatil   {border-color:#fff}
.feature_deatil_img img     {border-radius:16px 16px 0 0}
.feature_deatil_body        {background:#fff;padding:2em;box-sizing:border-box;border-radius:0 0 16px 16px}
.feature_deatil_comment     {font-size:86%;line-height:1.789em;margin:auto auto 25px}
.feature_deatil_list_container  {margin:auto;text-align:left}
.feature_deatil_list li         {position:relative}
.feature_deatil_list li.check   {font-size:110%;color:#0D9E82;border-bottom:1px dotted #0D9E82;line-height:60px;padding-left:1.5em}
.feature_deatil_list li.arrow   {font-size:110%;color:#0D9E82;border-bottom:1px dotted #0D9E82;line-height:60px;padding-left:1.5em}
.feature_deatil_list li.normal  {font-size:90%;color:#111;line-height:60px}
.feature_deatil_list li.normal dl           {border-bottom:1px dotted #0D9E82;padding:0;margin:0;padding-left:1.5em;line-height:60px}
.feature_deatil_list li.normal dl dt        {width:27%;display:inline-block;vertical-align:top;font-weight:600}
.feature_deatil_list li.normal dl dd        {width:72%;display:inline-block;vertical-align:top}
.feature_deatil_list li.normal dl dd.block  {width:100%;display:block;vertical-align:top}
.feature_deatil_list li.check:before {
position:absolute;
top:18px;
left:0px;
content:'\f058';
color:#0D9E82;
font-size:100%;
line-height:normal;
font-family:"Font Awesome 5 Free";
font-weight:900
}
.feature_deatil_list li.arrow:before {
position:absolute;
top:18px;
left:0px;
content:'\f0a9';
color:#0D9E82;
font-size:100%;
line-height:normal;
font-family:"Font Awesome 5 Free";
font-weight:900
}
.feature_button       {background:#E7F5F2;margin:auto;padding:0 0 50px}
.feature_button img   {max-width:468px}
@media only screen and (max-width:767px) {
.feature_deatil_container         {margin:50px auto auto;}
.feature_deatil_body              {padding:2em 0.5em}
.feature_deatil_list li.check     {font-size:96%}
.feature_deatil_list li.arrow     {font-size:96%}
.feature_deatil_list li.normal    {font-size:88%}
.feature_deatil_list li.normal dl           {line-height:normal}
.feature_deatil_list li.normal dl dt        {width:100%;display:block;padding:20px 0 0}
.feature_deatil_list li.normal dl dd        {width:100%;display:block;padding:0 0 20px}
.feature_deatil_list li.normal dl dd.block  {width:100%;display:block;padding:20px 0}
.feature_deatil_list li.check:before,
.feature_deatil_list li.arrow:before {top:22px}
.feature_button     {padding:0 0 50px;box-sizing:border-box}
.feature_button img {max-width:90%}
}

/* ----------------------------------------------------------

Newbuilding

---------------------------------------------------------- */
/*newbuilding*/
.section.newbuilding .section_block     {background:#fff8f8!important}
.newbuilding .section_title     {color:#f77878}
.newbuilding .leed              {text-align:center;margin:1.5em auto}
.newbuilding_img_list           {margin:auto}
.newbuilding_img_list li        {margin:2% 1%;display:inline-block;width:47.5%}
.newbuilding_img_list li img    {border-radius:10px;box-shadow:0px 0px 30px rgba(55,55,55,0.15)}
.newbuilding_iimages_caution    {margin:1.5em 0 0;text-align:left;font-size:72%}
@media only screen and (max-width:520px) {
.newbuilding_img_list li        {margin:5% 1%;display:block;width:98%}
.newbuilding_iimages_caution    {margin:0.5em 0 0}
}
@media only screen and (min-width:521px) and (max-width:960px) {
.newbuilding_img_list li        {margin:2% 1%;display:inline-block;width:47.5%}
}

/* ----------------------------------------------------------

News

---------------------------------------------------------- */
/*news*/
.section.news {
padding:125px 0 ;
background:#fff8f8;
box-sizing:border-box;
position:relative;
margin:auto
}
.section.news .section_title {color:#fb7878;padding:0}
.news_content   {
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:space-between;
padding-top:50px;
margin:auto 
}
.news_menu      {
flex-basis:46.5%;
background:#fff;
position:relative;
border-radius:20px;
padding-bottom:2em;
box-sizing:border-box;
box-shadow:0px 0px 20px rgba(100,100,100,0.15);
}
.news_menu_img           {position:relative;top:0;z-index:20}
.news_menu_img span img  {border-radius:20px 20px 0 0}
.news_menu_text          {z-index:10;position:relative;border-radius:0 0 20px 20px;}
.news_menu_title         {text-align:center;margin:auto;font-size:140%;color:#fb7878;padding:1.5em 1em 0.25em;box-sizing:border-box}
.news_menu_comment       {text-align:left;margin:auto;font-size:80%;padding:1.5em 2em ;box-sizing:border-box;line-height:1.78;min-height:80px}
.news_menu_btn           {margin:auto ;text-align:center}
.section.news a.btn_tertiary     {max-width:150px;border-radius:100px;font-size:80%;padding:1em;;margin:auto;text-align:center}
.section.news a.btn_tertiary:after     {
position:absolute;
transition:all 0.3s;
top:32%;
right:1em;
content:'→';
color:normal;
font-size:100%;
line-height:normal;
}
@media only screen and (max-width:520px) {
.section.news          {padding:125px 1em 100px;box-sizing:border-box}
.news_menu     {flex-basis:100%;margin:1em auto auto}
}
@media only screen and (min-width:521px) and (max-width:960px) {
.news_menu_comment       {min-height:120px}
}

/* ----------------------------------------------------------

Recruit

---------------------------------------------------------- */
/*recruit*/
.section.recruit .section_block     {background:#fff8f8!important}
.recruit .section_title,
.recruit strong.strong      {color:#f77878}
.recruit .leed              {text-align:center;margin:1.5em auto}
.recruit_deatil   {
margin:auto ;
padding:1em 2em;
box-sizing:border-box;
border:5px solid #fff;
border-radius:20px;
background:#fff
}
.recruit_detail_body            {background:#fff;padding:2em;box-sizing:border-box;border-radius:0 0 16px 16px}
.recruit_deatil_list_container  {margin:auto;text-align:left}
.recruit_deatil_list li         {position:relative;line-height:60px!important}
.recruit_deatil_list li.check   {font-size:110%;border-bottom:1px dotted #40220f;line-height:60px;padding-left:1.5em}
.recruit_deatil_list li.check:before {
position:absolute;
top:18px;
left:0px;
content:'\f058';
color:#f77878;
font-size:100%;
line-height:normal;
font-family:"Font Awesome 5 Free";
font-weight:900
}
.recruit_images_list          {margin:1.5em auto;text-align:center;display:flex;flex-wrap:wrap;justify-content:space-between;;align-items:top}
.recruit_images_list li       {flex-basis:30%;margin:1.5%}
.recruit_images_list li img   {border-radius:10px;box-shadow:0px 0px 30px rgba(55,55,55,0.15);
}
.recruit_images_caution       {margin:1.5em  0 0;text-align:left;font-size:72%}
@media only screen and (max-width:520px) {
.recruit_deatil               {padding:0.5em 1em;}
.recruit_detail_body          {padding:1em;}
.recruit_deatil_list li       {line-height:40px!important;padding:0.35em 0}
.recruit_deatil_list li.check {line-height:40px}
.recruit_images_list li       {flex-basis:100%;margin:2.5% auto}
.recruit_images_caution       {margin:0.5em}
}

/*entry*/
.section.entry .section_block   {background:#fff!important}
.entry_deatil                   {background:#fff8f8;padding:2.5em ;box-sizing:border-box}
.entry_deatil_list li           {display:inline-block;width:44%;margin:0 2.5%;text-align:center}
.entry_deatil_list li a.btn_tertiary {border-radius:100px;padding:1.5em 2.1em;font-size:110%;text-decoration:none!important}
.entry_deatil_list li a.btn_tertiary:after     {
position:absolute;
transition:all 0.3s;
top:32%;
right:1em;
content:'→';
color:normal;
font-size:100%;
line-height:normal;
}
.entry_deatil .icon_phone   {width:26px;padding-right:2em;margin-left:-2em}
.entry_deatil .icon_mail    {width:46px;padding-right:1.5em;margin-left:-1.5em}
@media only screen and (max-width:520px) {
.entry_deatil               {padding:1.5em }
.entry_deatil_list li       {display:block;width:100%;margin:2.5% auto}
}

/* ----------------------------------------------------------

Page

---------------------------------------------------------- */
/*download_list*/
.download_list      {max-width:468px;margin:4.5em auto }
.download_list li   {position:relative;padding-left:1.25em}
.download_list li:before  {
position:absolute;
top:9px;
left:0px;
content:'\f1c1';
color:#aa0000;
font-size:100%;
line-height:normal;
font-family:"Font Awesome 5 Free";
font-weight:900
}

/*link_list*/
.link_list      {max-width:468px;margin:4.5em auto }
.link_list li   {position:relative;padding-left:1.25em}
.link_list li:before  {
position:absolute;
top:11px;
left:0px;
content:'\f0a9';
color:#0D9E82;
font-size:100%;
line-height:normal;
font-family:"Font Awesome 5 Free";
font-weight:900
}

/*yoikonet*/
.yoikonet .section_content  {padding:50px 0}

/* ----------------------------------------------------------

Footer

---------------------------------------------------------- */
/*footer_menu*/
.footer_menu              {padding:30px 0;background:#fff}
.home .footer_menu        {background:#EBF5FC}
.footer_menu_list         {margin:auto;text-align:center}
.footer_menu_list li      {display:inline-block;text-align:center;margin:0.25em}
.footer_menu_list li img  {max-width:400px}
@media only screen and (max-width:520px) {
.footer_menu              {padding:20px 0}
.footer_menu_list li img  {max-width:340px}
}
@media only screen and (min-width:521px) and (max-width:960px) {
.footer_menu              {padding:30px 0 40px}
.footer_menu_list li      {display:inline-block;text-align:center;margin:0.25em}
.footer_menu_list li img  {max-width:340px}
}

/*footer_access*/
.footer_access            {width:100%;margin:auto auto -10px;background:#fff}
.footer_access iframe     {width:100%;height:400px;border:none}
@media only screen and (max-width:960px) {
.footer_access iframe     {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none} 
}

/*footer_sitemap*/
.footer_sitemap           {width:100%;padding:30px 0 ;background:#0085D6;position:relative;z-index:1}
.footer_sitemap_list      {;margin:auto;text-align:center}
.footer_sitemap_list li   {display:inline-block;margin:auto;text-align:center;position:relative}  
.footer_sitemap_list li.external a:after {
position:absolute;
top:32%;
right:-6px;
content:'\f35d';
color:rgba(255,255,255,0.75);
font-size:72%;
line-height:normal;
font-family:"Font Awesome 5 Free";
font-weight:900
}
.footer_sitemap_list li a {display:block;color:#fff;margin:auto;font-size:76%;padding:0 0.5em}  
.footer_sitemap_list li a.external {padding:0 3em 0 1em}  
.copyright                {padding:0;margin:auto;text-align:center}
.copyright span           {font-size:80%;font-style:normal;color:rgba(255,255,255,1);display:block;line-height:1.6788em;margin-top:1em}
.copyright address        {font-size:10pt;font-style:normal;color:rgba(255,255,255,0.75)}
.copyright a              {color:rgba(255,255,255,0.75)}
@media only screen and (max-width:960px) {
.footer_sitemap_list      {padding-bottom:20px}
}

.pagetop    {position:fixed;z-index:10000;right:0px;bottom:10px;margin:0 auto}
.pagetop a  {font-size:300%;color:rgba(0,0,0,0.25);display:block;text-align:center;padding:0.25em 0.5em}