@charset "utf-8";

/*
Theme Name: default-themes-solution.v2.0
Theme URI: http://www.solution-sy.com/
Author: Xiez
Author URI: https://xiezsama.com/
Description: This is a default wordpress themes
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: 0 0;
  box-sizing: border-box; }

:after, :before {
  box-sizing: border-box; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden; }

body {
  /*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font-size: 14px;
  color: #333333;
  width: 100%;
  overflow-x: hidden; }

address, caption, code, figcaption, pre, th {
  font-size: 1em;
  font-weight: normal;
  font-style: normal; }

blockquote, q {
  quotes: none; }

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none; }

fieldset, iframe, img {
  border: 0; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

caption, th {
  text-align: left; }

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

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

button {
  background: 0 0;
  border: 0;
  box-sizing: content-box;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  overflow: visible;
  vertical-align: inherit; }

button:disabled {
  cursor: default; }

audio:not([controls]) {
  display: none; }

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
  outline: 0; }

::-moz-focus-inner {
  border: 0;
  padding: 0; }

a, a:link, a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

a:active {
  text-decoration: none; }

ul {
  list-style: none; }

img {
  display: block;
  height: auto;
  max-width: 100%; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  opacity: 1; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
  opacity: 1; }

input:-ms-input-placeholder {
  color: #ccc;
  opacity: 1; }

input::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1; }

::-webkit-scrollbar {
  width: 6px;
  background-color: #f3f3f3;
  border-left: 1px solid #dddddd; }

::-webkit-scrollbar:hover {
  background-color: transparent; }

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-color: #666; }

::-webkit-scrollbar-thumb:hover {
  background-color: #333; }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  display: none; }
h1,h2,h3,h4,h5,h6{margin:0;}
/* /Start Reset Css */


/*font*/
@font-face {
  font-family: 'iconfont';
  src: url('font/iconfont.eot');
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('font/iconfont.woff2') format('woff2'),
      url('font/iconfont.woff') format('woff'),
      url('font/iconfont.ttf') format('truetype'),
      url('font/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*font*/

/* hasbg css */
/* if u want to change function for JQcode , plase open function.js file , search function's name , that name is css's name */
/* css for function hasbg */
.hasbg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.hasbg:after {
  display: block;
  content: "";
  padding-top: 100%;
}

.hasbg>img {
  display: none;
}

/* /hasbg */

/* wrapper css */
.wrapper {
  transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); 
  z-index: 70;
}


.wrapper-move {
  transform: translateX(-200px);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  filter: grayscale(1); 
}
/* /wrapper css */

/* sp mobile-btn and nav css */
.sp-wrapper {
  display: none;
}


@media screen and (max-width: 820px) {

  .sp-wrapper {
    width: 200px;
    height: 100vh;
    position: fixed;
    z-index: 60;
    background: #333;
    right: 0;
    top: 0;
    transform: translateX(200px);
    transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    display: block;
  }


  .sp-wrapper .sp-heading {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
  }


  .sp-wrapper nav ul {
    padding: 0 15px; }

  .sp-wrapper nav ul li:first-child {
    border-top: 1px solid #5d5d5d;
  }

  .sp-wrapper nav ul li {
    border-bottom: 1px solid #5d5d5d;
  }

  .sp-wrapper nav ul li a {
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 15px 0;
    text-transform: uppercase;
    transition: .3s;
  }

  .sp-wrapper nav ul li a:hover {
    background: #f2f2f2;
    color: #000;
  }

  .sp-wrapper-move {
    transform: translateX(0px) !important;
  }

}

/*sp-wrapper */
 
/*header*/
header{width: 100%; background: #fff;transition:.3s;}
header .head_main{width: 100%;display: flex;align-items:center; transition:.3s;}
header .head_main .websitelogo{width: 320px;padding:9px 0 10px 20px;}
header .head_main .websitelogo:hover{opacity:0.7;}
header .head_main .headertop{width: calc(100% - 320px);display:flex;align-items:center;}
header .head_main .headertop .main-navigation{width: 100%;display: block;/*padding:15px;*/}
header .head_main .headertop .main-navigation ul {display: flex;justify-content:flex-end;}
header .head_main .headertop .main-navigation ul li {margin: 0 15px;}
header .head_main .headertop .main-navigation ul li a{text-transform: uppercase;color: #505151;font-size: 16px;font-weight: bold;position:relative;}
header .head_main .headertop .main-navigation ul li a:after{content:"";display:block;width:100%;height:2px;background:#083097;opacity: 0;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;transform: scaleX(0);position: absolute;left: 0;bottom: -5px;}
/**/
header .head_main .headertop .main-navigation ul li a:hover:after{opacity: 1;visibility: visible;transform:  scaleX(1);}

header .head_main .headertop .special-links{width:320px;padding:10px 15px;position: relative;overflow:hidden;}
header .head_main .headertop .special-links a{width:100%;display:flex;flex-direction:column;align-items:center; color:#fff;white-space: nowrap;position:relative;z-index: 20;transition: .3s;}
header .head_main .headertop .special-links:after{content:"";width:100%;height:100%;display:block;background:#083097;position: absolute;top:0;left:0;z-index:10;transform: translateY(-101%);transition: .3s;}
header .head_main .headertop .special-links:hover:after{transform: translateY(0%);}
header .head_main .headertop .special-links a .iconfont{font-size:32px;}
 

@media screen and (max-width: 1360px) {
  header .head_main .websitelogo {width:230px;padding: 4px 0 4px 20px;}
  header .head_main .headertop{width: calc(100% - 230px);}
  header .head_main .headertop .main-navigation{padding:0;}
  header .head_main .headertop .main-navigation ul li{margin: 0 10px;}
  header .head_main .headertop .special-links{width:280px;padding:12px 10px;}
}


@media screen and (max-width: 1080px) {
  header .head_main .websitelogo {width:200px;}
  header .head_main .headertop{width: calc(100% - 200px);}
  header .head_main .headertop .main-navigation ul li{margin: 0 5px;}
  header .head_main .headertop .special-links{width:55px;}
  header .head_main .headertop .special-links a .iconfont{font-size: 24px;}
   header .head_main .headertop .special-links a span:last-child{display:none;}
  
}



@media screen and (max-width: 820px) {
  header .head_main .websitelogo{width:260px;padding:6px 20px;}
  header .head_main .headertop .main-navigation {display: none;}
  header .head_main .headertop{justify-content:flex-end;padding-right:70px;}
}
@media screen and (max-width: 420px) {
	header .head_main .headertop .special-links{background:none;padding:0;}
	header .head_main .headertop .special-links a{}
	header .head_main .headertop .special-links a .iconfont{color:#b070ca;font-size:30px;}
}


/*headerfixed*/
.logged-in .headerfixed{top:32px;}
@media screen and (max-width: 782px){
  .logged-in .headerfixed{top: 46px;} 
}
@media screen and (max-width: 820px){
  .logged-in .mobile-btn{position: fixed;top:56px!important;}
}
@media screen and (max-width: 600px){
#wpadminbar{position: fixed;}
}

.headerfixed{position: fixed;top:0;left:0;z-index: 70;background: #fff;box-shadow: 0 0 2px 2px #ccc;margin-top: 0;}
.headerfixed .head_main{max-width: 1280px;margin:0 auto;}
.headerfixed .head_main .websitelogo{width:220px;}
.headerfixed .head_main .headertop{width:calc(100% - 220px);}
.headerfixed .head_main .headertop .main-navigation ul li{margin:0 10px;}
/*mobile-btn*/
@media screen and (max-width: 820px) {
  .mobile-btn {
    position: fixed;
    z-index: 80;
    top: 20px;
    right: 20px;
    display: block;
  }


  .mobile-btn div {
    width: 30px;
    height: 20px;
    background: none;
    cursor: pointer;
    display: block;
    position: relative;
    right: 0;
    top: 0;
    transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  }


  .mobile-btn div span {
    width: 30px;
    height: 2px;
    top: 9px;
    background: #323232;
    display: block;
    position: absolute;
    z-index: 5;
    left: 50%;
    margin: 0 0 0 -15px;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
  }


  .mobile-btn div span:nth-child(1) {
    -moz-transform: translateY(-9px);
    -webkit-transform: translateY(-9px);
    -o-transform: translateY(-9px);
    -ms-transform: translateY(-9px);
    transform: translateY(-9px);
  }

  .mobile-btn div span:nth-child(3) {
    -moz-transform: translateY(9px);
    -webkit-transform: translateY(9px);
    -o-transform: translateY(9px);
    -ms-transform: translateY(9px);
    transform: translateY(9px);
  }

  .mobile-btn .active {
    transform: translateX(-200px) rotate(180deg); 
  }

  .mobile-btn .active span:nth-child(1) {
    transform: rotate3d(0, 0, 1, -40deg) !important;
    transform-origin: 0.71429px center !important;
    width: 20px !important;
  }

  .mobile-btn .active span:nth-child(3) {
    transform: rotate3d(0, 0, 1, 40deg) !important;
    transform-origin: 0.71429px center !important;
    width: 20px !important;
  }


}


@media screen and (max-width: 420px) {
  .mobile-btn {
  	top:10px;
  }
}


/*scroll-top*/
.scroll-top{position: fixed;right: 3%;bottom:5%;z-index: 59;transition:.5s;display: flex;background: #323232;width: 45px;height: 45px;border-radius: 50%;justify-content: center;align-items: center;}
.scroll-top svg{width: 20px;height: 20px;fill: #fff;}
/*scroll-top*/
 

/*pulic*/
.bgmediumPurple{background:#b070ca;color:#fff;}
.ftmediumPurple{color:#8f45ad;}
.bglightGrey{background:#D3D3D3;color:#050505;}
.ftnavy{color:#083097}

.websitebtn{margin-top:30px;display:flex;}
.websitebtn .morebtn{margin:0 20px;display:flex;align-items:center;justify-content:center; border-radius:5px;transition:.3s;}
.websitebtn .morebtn:after{content:"";display:block;width:7px;height: 7px;border:solid #fff;border-width:2px 2px 0 0;transform: rotate(45deg);margin-left:15px;transition:.3s;}
.websitebtn .morebtn:hover{background:#fff;color:#060606;}
.websitebtn .morebtn:hover:after{border:solid #060606;border-width:2px 2px 0 0;}

 

.reverse{flex-direction: row-reverse;}
/*pulic*/

/*banner*/
.banner{position:relative;}
.banner .bannermain{}
.banner .bannermain .banner_list{}
.banner .bannermain .banner_list li{overflow:hidden;}
.banner .bannermain .banner_list li figure{transition:1s linear 2s;
    transform:scale(1.05,1.05);}
.banner .bannermain .banner_list li figure:before{content:"";position: absolute;z-index: 10;top:0;left:0;background:rgba(255,255,255,0.3);width:100%;height:100%;}
.banner .bannermain .banner_list li figure:after{padding-top:48%;}


.banner .slogan{position: absolute;top:50%;left:0%;z-index:20;padding:0px 40px;width:100%;transform: translate(0%, -50%);  font-family: "Hiragino Mincho Pro";color:#060606;}
.banner .slogan .bannertext{width: 100%;max-width: 1280px;margin:0 auto;padding:40px 0; }
.banner .slogan .bannertext h1{font-size: 45px;margin-bottom: 25px;line-height:1.2;}
.banner .slogan .bannertext h1 span{font-size: 38px;}
.banner .slogan .bannertext > span{font-size:20px;display:block;margin-bottom: 10px;line-height:1.2;} 
.banner .slogan .bannertext .bannertextpic{margin-bottom: 40px;margin-top: 40px;width:100%;max-width: 590px;}
.banner .slogan .bannertext .bannertextbtn{}
.banner .slogan .bannertext .bannertextbtn .morebtn{padding:15px 20px;width:260px;}
.banner .slogan .bannertext .bannertextbtn .morebtn:first-child{margin-left: 0;}
.banner .slogan .bannertext .bannertextbtn .morebtn.bglightGrey{border:1px solid #D3D3D3;}
.banner .slogan .bannertext .bannertextbtn .morebtn.bglightGrey:after{border:solid #060606;border-width:2px 2px 0 0;}
.banner .slogan .bannertext .bannertextbtn .morebtn.bgmediumPurple{border:1px solid #b070ca;}

@media screen and (max-width: 1280px) {
	header .head_main .headertop .main-navigation ul li a{font-size:14px;}
	.banner .slogan .bannertext .bannertextbtn .morebtn{width:160px;}
	.banner .slogan .bannertext .bannertextpic{margin-top:20px;margin-bottom:20px;}
}

@media screen and (max-width: 1080px) {

.banner .bannermain .banner_list li figure:after{padding-top:50%;}

  .banner .slogan{padding:0 20px;}
  .banner .slogan .bannertext h1{font-size: 28px;margin-bottom: 15px;}
  .banner .slogan .bannertext h1 span{font-size:34px;}
  .banner .slogan .bannertext > span{font-size:18px;}
.banner .slogan .bannertext .bannertextpic{max-width: 400px;}
.banner .slogan .bannertext .bannertextbtn .morebtn{padding:7px 15px;}
}

@media screen and (max-width: 820px) {
  .banner .bannermain .banner_list li figure:after{padding-top:60%;}
    .banner .slogan .bannertext h1{font-size: 24px;margin-bottom: 10px;}
  .banner .slogan .bannertext h1 span{font-size:30px;}
  .banner .slogan .bannertext > span{font-size:16px;margin-bottom: 5px;}
.banner .slogan .bannertext .bannertextpic{max-width: 360px;}
.banner .slogan .bannertext .bannertextbtn .morebtn{padding:5px 10px;}
}

@media screen and (max-width: 650px) {
  .banner .bannermain .banner_list li figure:after{padding-top:70%;}
      .banner .slogan .bannertext h1{font-size: 20px;}
  .banner .slogan .bannertext h1 span{font-size:26px;}
  .banner .slogan .bannertext > span{font-size:14px;}
	.banner .slogan .bannertext .bannertextpic{margin-bottom:15px;margin-top:15px;}
  .banner .slogan .bannertext .bannertextpic{max-width: 300px;}
	.banner .slogan .bannertext .bannertextbtn .morebtn{width:130px;}
}

@media screen and (max-width: 450px) {
	.banner .bannermain .banner_list li figure:after{padding-top:80%;}
  .banner .slogan .bannertext h1 span{font-size:24px;}
  .banner .slogan .bannertext > span{font-size:12px;}
  .banner .slogan .bannertext .bannertextbtn .morebtn{margin:0 10px;}
}
@media screen and (max-width: 350px) {
	.banner .slogan .bannertext .bannertextpic{max-width:265px;}
	.banner .slogan .bannertext .bannertextbtn{margin-top:15px;}
	.banner .slogan .bannertext .bannertextbtn .morebtn{font-size:12px;}
}

/*banner*/

/*indexinformation*/
.indexinformation{width:100%;display:flex;}
.indexinformation .indexinformationleft{background: #3dac93;color:#fff;width:25%;padding:20px;}
.indexinformation .indexinformationleft h5{font-size:20px;text-align: right;width:100%;}
.indexinformation .indexinformationright{width:calc(100% - 25%);background: #f6f6f6;color:#454545;padding:20px; display:flex;}

.indexinformation .indexinformationright .indexinformationrightmain{width:calc(100% - 35%);}
.indexinformation .indexinformationright .indexinformationrightmain .indexinformationlist{width: 100%;}
.indexinformation .indexinformationright .indexinformationrightmain .indexinformationlist li{width:100%;}
.indexinformation .indexinformationright .indexinformationrightmain .indexinformationlist li a{color:#454545;display:flex;align-items: center;}
.indexinformation .indexinformationright .indexinformationrightmain .indexinformationlist li a span{padding: 3px 5px;border-radius:3px;}
.indexinformation .indexinformationright .indexinformationrightmain .indexinformationlist li a p{padding-left:15px;}

.indexinformation .indexinformationright .indexinformationnav{width:36%;display: flex;align-items: center;padding-left:20px;}

.indexinformation .indexinformationright .indexinformationnav .swiper-prev{width: 26px;text-align: center;height: 26px;line-height: 24px;border: 1px solid #c0c0c0;color: #c0c0c0;cursor: pointer;border-radius: 3px;}
.indexinformation .indexinformationright .indexinformationnav .swiper-page{bottom: auto;left: auto;margin: 0 10px;width: auto;font-size: 14px;color: #454545;} 
.indexinformation .indexinformationright .indexinformationnav .swiper-next{width: 26px;text-align: center;height: 26px;line-height: 24px;border: 1px solid #c0c0c0;color: #c0c0c0;cursor: pointer;border-radius: 3px;}
.indexinformation .indexinformationright .indexinformationnav a{margin-left: 20px;padding: 2px 15px;border: 1px solid #c0c0c0;border-radius: 5px;font-size: 14px;color: #060606;}

@media screen and (max-width: 1080px) {
.indexinformation .indexinformationleft h5{font-size: 18px;}
.indexinformation .indexinformationright .indexinformationrightmain{width:calc(100% - 42%);}
.indexinformation .indexinformationright .indexinformationnav{width:42%;justify-content: flex-end;}

}

@media screen and (max-width: 820px) {
  .indexinformation{flex-wrap: wrap;}
  .indexinformation .indexinformationleft{width: 100%; }
  .indexinformation .indexinformationleft h5{text-align: center;font-size:16px;}
    .indexinformation .indexinformationright {width: 100%;flex-wrap: wrap;}
  .indexinformation .indexinformationright .indexinformationrightmain{width:100%;margin-bottom:10px;}
    .indexinformation .indexinformationright .indexinformationrightmain .indexinformationlist li a{justify-content:center;font-size: 12px;}
.indexinformation .indexinformationright .indexinformationnav{width:100%;justify-content: center;}
}

@media screen and (max-width: 650px) {
  
}
@media screen and (max-width: 360px) {
   .indexinformation .indexinformationright .indexinformationrightmain .indexinformationlist li a{flex-wrap: wrap;}
   .indexinformation .indexinformationright .indexinformationrightmain .indexinformationlist li a span{width: 100%;max-width: 100px;text-align: center;}
    .indexinformation .indexinformationright .indexinformationrightmain .indexinformationlist li a p{width:100%;padding:0;margin-top: 5px;text-align: center;}
}

/*websitetitle*/
.websitetitle{width:100%;display:flex;align-items:baseline;}
.websitetitle h2{font-size: 28px;padding-right:15px;border-right:2px solid #454545;margin-right:15px;line-height: 1.1;text-transform:uppercase;}
 
.websitetitle span{color:#454545;font-size:18px;line-height: 1.1;}

.websitetitle.ftwebsiteend{justify-content: flex-end;}

@media screen and (max-width: 1080px) {
.websitetitle h2{font-size:24px;}
.websitetitle span{font-size:16px;}
}

@media screen and (max-width: 820px) {
  .websitetitle h2{font-size:20px;}
  .websitetitle span{font-size:14px;}
}


@media screen and (max-width: 650px) {
  .websitetitle h2{font-size:18px;}
}



.bgfixed{background-attachment:fixed;}

@media screen and (max-width: 1450px) {
  .bgfixed{background-attachment:scroll;}
}
@media screen and (max-width: 820px) {
  .bgfixed{background-attachment:fixed;}
}


.indexpart{width:100%; padding:0px 40px 40px;margin:120px auto 0;background-size:100% auto;background-position:top 0 left 0;}
.indexpart:after{padding-top:0;}
.indexpart .indexpartmain{width:100%;max-width:1280px;margin:0 auto;}
.indexpart .indexpartmain ul{width:100%;display:flex;justify-content: space-between;transform: translateY(-40px);}
.indexpart .indexpartmain ul li{width:calc(50% - 20px);} 
.indexpart .indexpartmain ul li > .websitetitle h2{font-family: "Hiragino Mincho Pro";}
.indexpart .indexpartmain ul li:last-child.flexend{display:flex;justify-content: flex-end;}
.indexpart .indexpartmain ul li:last-child > div{width:100%;max-width:500px;padding:30px 40px;}

.indexpart .indexpartmain ul li > div h5{font-size:20px;margin-bottom:20px;text-transform:uppercase;}
.indexpart .indexpartmain ul li > div h3{font-size:24px;margin-bottom:5px;font-family: "Hiragino Mincho Pro";}
.indexpart .indexpartmain ul li > div p{margin-top:20px;}
.indexpart .indexpartmain ul li > div .websitebtn{margin-top:20px;}
.indexpart .indexpartmain ul li > div .websitebtn a{margin-left: 0;padding:5px 15px;}
.indexpart .indexpartmain ul li > div .websitebtn a.bgmediumPurple{border:1px solid #fff;}
.indexpart .indexpartmain ul li > div .websitebtn a.bglightGrey{border:1px solid #060606;}
.indexpart .indexpartmain ul li > div .websitebtn a.bglightGrey:after{border: solid #060606;border-width: 2px 2px 0 0;}
 
 
@media screen and (max-width: 1080px) {
  .indexpart{padding:0px 20px 0px;margin:80px auto 0;}
  .indexpart .indexpartmain ul li:last-child > div{padding:20px;max-width:100%;}
  .indexpart .indexpartmain ul li > div h5{font-size:18px;}
  .indexpart .indexpartmain ul li > div h3{font-size:20px;}
  .indexpart .indexpartmain ul li > div p{margin-top:15px;}
  .indexpart .indexpartmain ul li > div .websitebtn{margin-top:15px;}
}

@media screen and (max-width: 820px) {
  .indexpart{padding:0 20px 20px;background-size:cover; }
  .indexpart .indexpartmain ul{transform: translateY(0px);flex-wrap: wrap;}
  .indexpart .indexpartmain ul li:first-child{transform: translateY(-40px);width:100%;}
  .indexpart .indexpartmain ul li:last-child{width:100%;}
  .indexpart .indexpartmain ul li > div h3{font-size:16px;}
  .indexpart .indexpartmain ul li > div p{margin-top: 10px;font-size:12px;}
  .indexpart .indexpartmain ul li > div .websitebtn{margin-top: 10px}
}

@media screen and (max-width: 650px) {
  .indexpart .indexpartmain ul li > div h3{font-size:14px;}
}


/*indexlinkpart*/
.indexlinkpart{width:100%;padding:80px 40px;}
.indexlinkpart .indexlinkpartmain{width: 100%;max-width:1280px;margin:20px auto 0;}
.indexlinkpart .indexlinkpartmain ul{display:flex; flex-wrap: wrap;margin-left:-40px;margin-top:-20px;}
.indexlinkpart .indexlinkpartmain ul li{padding-top: 20px;padding-left:40px;width:50%;}
.indexlinkpart .indexlinkpartmain ul li a{width:100%;color: #454545;display:block;transition: .3s;}
.indexlinkpart .indexlinkpartmain ul li a:hover{transform: translateY(-5px);box-shadow:0 2px 5px 5px rgba(0,0,0,0.5);}
.indexlinkpart .indexlinkpartmain ul li a dl{width:100%;display:flex;justify-content:space-between;}
.indexlinkpart .indexlinkpartmain ul li a dl dt{width: calc(52% - 10px);}
.indexlinkpart .indexlinkpartmain ul li a dl dt figure{width:100%;height:100%;}
.indexlinkpart .indexlinkpartmain ul li a dl dt figure:after{padding-top:70%;}
.indexlinkpart .indexlinkpartmain ul li a dl dd{width: calc(48% - 10px);padding:10px 20px;}
.indexlinkpart .indexlinkpartmain ul li a dl dd h5{font-size:18px;margin-bottom: 20px}
.indexlinkpart .indexlinkpartmain ul li a dl dd p{margin-bottom:42px;text-align:justify;}
.indexlinkpart .indexlinkpartmain ul li a dl .websitebtn .morebtn{padding:5px 10px;margin:0;border:1px solid #D3D3D3;}
.indexlinkpart .indexlinkpartmain ul li a dl .websitebtn .morebtn:after{border:solid #454545;border-width:2px 2px 0 0;}
.indexlinkpart .indexlinkpartmain ul li a dl .websitebtn .morebtn:hover{border:1px solid #454545;}

@media screen and (max-width: 1280px) {
  .indexlinkpart .indexlinkpartmain ul li a dl dt{width: calc(45% - 10px);}
  .indexlinkpart .indexlinkpartmain ul li a dl dd{width: calc(55% - 10px);padding: 5px 10px;}
  .indexlinkpart .indexlinkpartmain ul li a dl dd h5{font-size: 16px;margin-bottom: 10px;}
  .indexlinkpart .indexlinkpartmain ul li a dl dd p{margin-bottom: 10px;}
  .indexlinkpart .indexlinkpartmain ul li a dl .websitebtn{margin-top:0;}
}
@media screen and (max-width: 1080px) {
  .indexlinkpart{ padding:40px 20px;}
  .indexlinkpart .indexlinkpartmain ul{margin-left:-20px;}
  .indexlinkpart .indexlinkpartmain ul li{padding-left:20px;}
  .indexlinkpart .indexlinkpartmain ul li a dl dt{width: calc(50% - 10px);}
  .indexlinkpart .indexlinkpartmain ul li a dl dd{width: calc(50% - 10px);padding-left:0;}
  .indexlinkpart .indexlinkpartmain ul li a dl dd h5{font-size:14px;}
  .indexlinkpart .indexlinkpartmain ul li a dl dd p{font-size:12px;}
  .indexlinkpart .indexlinkpartmain ul li a dl .websitebtn .morebtn{padding:3px 7px;}

}

@media screen and (max-width: 820px) {
  .indexlinkpart .indexlinkpartmain ul li a dl{flex-wrap: wrap;}
  .indexlinkpart .indexlinkpartmain ul li a dl dt{width:100%;}
  .indexlinkpart .indexlinkpartmain ul li a dl dd{width:100%;padding:10px;}
}


@media screen and (max-width: 360px) {
  .indexlinkpart .indexlinkpartmain ul li{width:100%;}
}



/*footer*/
footer{background:#f6f6f6;width:100%;}
footer .footmain{width:100%;max-width:1360px;margin:0 auto;padding:40px;}
footer .footmain .footcon{display:flex;justify-content: space-between;}
footer .footmain .footcon li{width:calc(50% - 20px);}
footer .footmain .footcon li .footlogo{width:100%;max-width:360px;margin-bottom:30px;}
footer .footmain .footcon li .footlogo a{display:block;cursor:pointer;transition: .3s;}
footer .footmain .footcon li .footlogo a:hover{opacity:0.7;}
footer .footmain .footcon li .footlogo a figure{width:100%;}


footer .footmain .footcon li ol{list-style-type:none;display:flex;align-items:center;margin-bottom:30px;}
footer .footmain .footcon li ol li:first-child{width:30px;color:#454545;}
footer .footmain .footcon li ol li:first-child span{font-size:24px;}
footer .footmain .footcon li ol li:last-child{width:calc(100% - 42px);margin-left:10px;}
footer .footmain .footcon li ol li:last-child a{color:#454545;}
footer .footmain .footcon li ol li:last-child a:hover{color:#3dac93}

footer .footmain .footcon li .footlink{width:100%;margin-top:30px;}
footer .footmain .footcon li .footlink dl{display:flex;}
footer .footmain .footcon li .footlink dl dt{background: #3dac93;color:#fff;padding: 15px 10px 15px 20px;border-radius:5px 0 0 5px;width:52%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
footer .footmain .footcon li .footlink dl dt p{font-size:14px;width:100%;font-weight:bold;}
footer .footmain .footcon li .footlink dl dt a{color:#fff;font-size:30px;display:block;margin-top:0px;font-weight: bolder;letter-spacing:2px;font-family: "Noto Sans CJK JP","メイリオ","MS Mincho",sans-serif;}
footer .footmain .footcon li .footlink dl dt a:hover{opacity: 0.7;}
footer .footmain .footcon li .footlink dl dt a span:first-child{font-size:35px;margin-right:10px;}
footer .footmain .footcon li .footlink dl dt a span:last-child{white-space:nowrap;}

footer .footmain .footcon li .footlink dl dd{background:#b070ca;color:#fff;padding:10px 10px;border-radius:0 5px 5px 0;width:48%;}
footer .footmain .footcon li .footlink dl dd p{ text-align:center;}
footer .footmain .footcon li .footlink dl dd .footbottom{background:#fff;color:#5e5e5e;padding:5px;display:flex;flex-direction:column;align-items: center;}
footer .footmain .footcon li .footlink dl dd .footbottom span{font-size:12px;font-weight:bold;}
footer .footmain .footcon li .footlink dl dd .footbottom a{color:#5e5e5e;display:flex;align-items: center;}
footer .footmain .footcon li .footlink dl dd .footbottom a:hover{opacity: 0.7;}
footer .footmain .footcon li .footlink dl dd .footbottom a span:first-child{color:#228e1a;margin-right:10px;font-size:30px;}
footer .footmain .footcon li .footlink dl dd .footbottom a span{font-size:18px;}
footer .footmain .footcon li .footlink dl dd .footbottom div{padding:3px 15px;border-radius:50px;width:100%; background:#b070ca;color:#fff;text-align:center;}
footer .footmain .footcon li iframe{width:100%;}

footer .copyright{background:#323232;color:#fff;}
footer .copyright p{width:100%;max-width:1360px;margin:0 auto; padding:5px 40px;text-align:center;}


@media screen and (max-width: 1280px) {
  footer .footmain .footcon li .footlink dl dt{padding:10px 10px;}
  footer .footmain .footcon li .footlink dl dt a{font-size: 18px;}
  footer .footmain .footcon li .footlink dl dt a span:first-child{font-size:20px;margin-right:10px;}
}

@media screen and (max-width: 1080px) {
  footer .footmain{padding:40px 20px;}
  footer .footmain .footcon li .footlogo{margin-bottom: 15px;}
  footer .footmain .footcon li ol{margin-bottom: 15px;}
  footer .footmain .footcon li .footlink{margin-top:20px;}
  footer .footmain .footcon li .footlink dl dt a{letter-spacing: 1px;font-size:14px;}
  footer .footmain .footcon li .footlink dl dt p{font-size:12px;}
  footer .footmain .footcon li .footlink dl dd .footbottom a span:first-child{font-size: 26px;}
  footer .footmain .footcon li .footlink dl dd .footbottom a span{font-size:14px;white-space: nowrap;}
  footer .footmain .footcon li .footlink dl dd .footbottom div{font-size:12px;}
  footer .footmain .footcon li  {height:100%; }

  footer .copyright p{ padding:3px 20px;font-size:12px;}
}

@media screen and (max-width: 820px) {
  footer .footmain .footcon {flex-wrap: wrap;}
  footer .footmain .footcon li{width:100%;}
  footer .footmain .footcon li:first-child{margin-bottom: 20px;}
  footer .footmain .footcon li ol{font-size:12px;}
  footer .footmain .footcon > li ol > li:first-child span{font-size:20px;}
  
}

@media screen and (max-width: 650px) {
  footer .footmain .footcon li .footlogo{width: 180px;}
  footer .footmain .footcon li ol{margin-bottom:0;}
  footer .footmain .footcon li iframe{height:100%;}
	footer .footmain .footcon li .footlink dl dt a{font-size:14px;}
  footer .footmain .footcon li .footlink dl{flex-wrap: wrap;}
  footer .footmain .footcon li .footlink dl dt{width:100%;border-radius:5px 5px 0 0;
    align-items: center;}
	footer .footmain .footcon li .footlink dl dt p{text-align:center;}
  footer .footmain .footcon li .footlink dl dd{width:100%;border-radius:0 0 5px 5px ;}
}

@media screen and (max-width: 450px) {

}
/*public*/

/*pagebanner*/
.pagebanner{width:100%;display:flex;flex-direction:row-reverse;position:relative;}
.pagebanner figure{background-position:right center;width:65%;position:relative;}
.pagebanner figure:before{content:"";background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 15%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 15%,rgba(255,255,255,0) 100%);width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;}
/*.pagebanner .pagebannermain figure{}*/
.pagebanner figure:after{padding-top:30%;}
.pagebanner .pagebannermain{ width:35%;background:#fff;}
.pagebanner .pagebannermain .bannertext{width:100%;height:100%; padding:0 40px;display:flex;flex-direction: column;align-items: center;justify-content: center;}
.pagebanner .pagebannermain .bannertext h1{font-size: 46px;line-height: 1.6;margin-bottom:0.5em;text-transform:uppercase;color:#083097;font-family: "Hiragino Mincho Pro";}
.pagebanner .pagebannermain .bannertext span{font-size:26px;align-self:flex-end;}
@media screen and (max-width: 1620px) {
	.pagebanner .pagebannermain .bannertext h1{font-size: 42px;}
	.pagebanner .pagebannermain .bannertext span{font-size:22px;}
}
@media screen and (max-width: 1280px) {
	.pagebanner .pagebannermain .bannertext h1{font-size: 36px;}
	.pagebanner .pagebannermain .bannertext span{font-size:20px;}
}
@media screen and (max-width: 1080px) {
	.pagebanner .pagebannermain .bannertext{padding:0 20px;}
	.pagebanner .pagebannermain .bannertext h1{font-size: 30px;}
	.pagebanner .pagebannermain .bannertext span{font-size:18px;}
}
@media screen and (max-width: 820px) {
	.pagebanner figure{width:100%;background-position:center;}
	.pagebanner figure:before{background:rgba(255,255,255,0.5);}
	.pagebanner figure:after{padding-top:50%;}
	.pagebanner .pagebannermain{width:100%;background:none;position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%);}
	.pagebanner .pagebannermain .bannertext h1{font-size:24px;}
	.pagebanner .pagebannermain .bannertext span{align-self:center;font-size:16px;}
}
@media screen and (max-width: 620px) {
	.pagebanner figure:after{padding-top:45%;}
	.pagebanner .pagebannermain .bannertext h1{font-size:22px;}
}
/*pagebanner*/

/*layout*/
.layout{display:flex;flex-wrap: wrap;}
.betweenside{display:flex;justify-content:space-between;flex-wrap: wrap;}
.betweenside > *{width:calc(50% - 20px);}
.reverse{flex-direction:row-reverse;}
.layout .coltwo{width:50%;}
.layout .colthree{width:calc(100% / 3);}
.layout .colfour{width:25%;}
.layout .colfive{width:20%;}
@media screen and (max-width: 1080px) {
  .betweenside >*{width:calc(50% - 10px);}
}
@media screen and (max-width: 825px) {
  .layout .colfour,.layout .colfive{width:calc(100% / 3);}
}
@media screen and (max-width:625px) {
  .betweenside >*{width:100%;}
  .layout .colthree,.layout .colfour,.layout .colfive{width:50%;}
}
@media screen and (max-width: 350px) {
  .layout .colthree,.layout .colfour,.layout .colfive{width:100%;}
}
/*layout*/
.bgbeige{background:#efe8ea;}
.bglightpurple{background:#f1f5fe;}

.part{padding:60px 40px;width:100%;}
.partmain{width: 100%;max-width: 1280px;margin: 0 auto;}
@media screen and (max-width: 1080px) {
  .part{padding:40px 20px;}
}

.webtitletwo{margin-bottom:20px;}
.webtitletwo h2{font-size:32px;color:#b070ca;font-weight:normal;text-align: center;}

@media screen and (max-width: 1280px) {
  .webtitletwo h2{font-size:28px; }

}
@media screen and (max-width: 1080px) {
  .webtitletwo{margin-bottom:15px;}
  .webtitletwo h2{font-size:24px; }
}
@media screen and (max-width: 820px) {
  .webtitletwo h2{font-size:20px; }
}
@media screen and (max-width: 620px) {
  .webtitletwo h2{font-size:18px; }
}

/*public*/


/*funeralplan*/
/*funeralplantext*/
.funeralplantext{width:100%;padding:60px 40px;}
.funeralplantext .funeralplantextmain{width:100%;max-width:800px;margin:0px auto;padding:10px 30px;background:rgba(181,181,181,1);color:#060606;display:flex;flex-direction:column;font-size:24px;line-height:1.6;}
@media screen and (max-width: 1080px) {
  .funeralplantext{width:100%;padding: 30px 20px;}
  .funeralplantext .funeralplantextmain{font-size:20px;padding:10px 15px;}
}
@media screen and (max-width: 820px) {
  .funeralplantext .funeralplantextmain{font-size:16px;}
}
@media screen and (max-width: 620px) {
  .funeralplantext .funeralplantextmain{font-size:14px;}
}
/*funeralplantext*/
.funeralplanlink{    width: 100%;max-width: 1280px;margin: 0 auto;}
.funeralplanlink ul{display:flex;flex-wrap:wrap;margin-top:-20px;margin-left:-20px;}
.funeralplanlink ul li{margin-top:20px;padding-left:20px;width:25%;}
.funeralplanlink ul li a{width:100%;display:block;position:relative;border-radius:10px;transition:.3s;}
.funeralplanlink ul li a.hasbg:after{padding-top:35%;}
.funeralplanlink ul li a span{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%); font-weight:bold;color:#fff;font-size:30px;text-shadow:1px 0 1px #b070ca,-1px 0 1px #b070ca,0 1px 1px #b070ca,0 -1px 1px #b070ca, 0 2px 10px rgba(0,0,0,0.5);transition:.3s;white-space:nowrap;}
.funeralplanlink ul li a:hover{transform:translatey(-3px);}
/* .funeralplanlink ul li a:hover span{top:calc(50% - 3px);} */
@media screen and (max-width: 1280px) {
	.funeralplanlink ul li a span{font-size:26px;}
}
@media screen and (max-width: 1080px) {
	.funeralplanlink ul li{width:33.33333%;}
	.funeralplanlink ul li a span{font-size:22px;}
}
@media screen and (max-width: 820px) {
	.funeralplanlink ul li{width:50%;}
	.funeralplanlink ul li a span{font-size:18px;}
}

/*funeralplanintroduc*/
.funeralplanintroduc .funeralplanintroducmain{padding:60px 40px;width:100%;}
.funeralplanintroduc .funeralplanintroducmain ul{width: 100%;max-width: 1280px;margin: 0 auto;}
.funeralplanintroduc .funeralplanintroducmain ul li:first-child{width:calc(45% - 20px);}
.funeralplanintroduc .funeralplanintroducmain ul li:last-child{width:calc(55% - 20px);}
.funeralplanintroduc .funeralplanintroducmain ul li>figure:after{padding-top:60%;}
.funeralplanintroduc .funeralplanintroducmain ul li > div{display:flex;flex-direction:column;}
.funeralplanintroduc .funeralplanintroducmain ul li > div .planitemtitle{display:flex;flex-wrap:wrap;}
.funeralplanintroduc .funeralplanintroducmain ul li > div .planitemtitle h3{color:#083097;font-size:26px;/*width:100%;*/font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;/*margin-bottom:20px;*/}
.funeralplanintroduc .funeralplanintroducmain ul li > div .planitemtitle h3 strong{font-size:32px;}
.funeralplanintroduc .funeralplanintroducmain ul li > div .planitemtitle h3 strong{}
.funeralplanintroduc .funeralplanintroducmain ul li > div .planitemtitle p{font-size:24px;color:#454545;padding-left:20px;font-weight:normal;}

.funeralplanintroduc .funeralplanintroducmain ul li > div .planitem{margin-top:30px;display:block;} 

.funeralplanintroduc .funeralplanintroducmain ul li > div .planitem > ol{display:flex;flex-wrap:wrap;margin-top:-15px;margin-left:-20px;list-style:none;}
.funeralplanintroduc .funeralplanintroducmain ul li > div .planitem > ol > li{width:25%;margin-top:15px;padding-left:20px;}
.funeralplanintroduc .funeralplanintroducmain ul li > div .planitem > ol > li > div{ background:#0070c0;padding:5px;border-radius:5px;text-align:center;font-size:16px;height:100%;display:flex;justify-items:center;align-items:center;}
.funeralplanintroduc .funeralplanintroducmain ul li > div .planitem > ol > li > div.purple{background:#cd5ff9;}
.funeralplanintroduc .funeralplanintroducmain ul li > div .planitem > ol > li > div.pink{background:#ff08ca;}
.funeralplanintroduc .funeralplanintroducmain ul li > div .planitem > ol > li > div.orange{background:#ff9c08;}
.funeralplanintroduc .funeralplanintroducmain ul li > div .red{color:#ff0000;font-size:36px;text-align:right;width:100%;display: block;}

.funeralplanintroduc .funeralplanintroducmain ul li > div .funeralplanintroductext{padding:20px;margin-top:20px;}
.funeralplanintroduc .funeralplanintroducmain ul li > div .funeralplanintroductext p{margin-bottom:20px;line-height:1.6;}

@media screen and (max-width: 1280px) {
  .funeralplanintroduc .funeralplanintroducmain ul li:first-child{width:calc(45% - 10px);}
  .funeralplanintroduc .funeralplanintroducmain ul li:last-child{width:calc(55% - 10px);}
  .funeralplanintroduc .funeralplanintroducmain ul li>figure:after{padding-top:70%;}
.funeralplanintroduc .funeralplanintroducmain ul li > div .planitemtitle h3{/*margin-bottom:10px;*/font-size:22px;}
	.funeralplanintroduc .funeralplanintroducmain ul li > div .planitemtitle h3 strong{font-size:26px;}
	.funeralplanintroduc .funeralplanintroducmain ul li > div .planitemtitle p{font-size:20px;}
  .funeralplanintroduc .funeralplanintroducmain ul li > div .red{font-size:30px;}
  .funeralplanintroduc .funeralplanintroducmain ul li div .funeralplanintroductext{margin-top:10px;}
}
@media screen and (max-width: 1080px) {
  .funeralplanintroduc .funeralplanintroducmain{padding:30px 20px;}
.funeralplanintroduc .funeralplanintroducmain ul li > div .planitemtitle h3{font-size:18px;margin-bottom:5px;}
	.funeralplanintroduc .funeralplanintroducmain ul li > div .planitemtitle h3 strong{font-size:22px;}
  .funeralplanintroduc .funeralplanintroducmain ul li > div .planitemtitle p{font-size:16px;}
 .funeralplanintroduc .funeralplanintroducmain ul li > div .red{font-size:24px;}
  .funeralplanintroduc .funeralplanintroducmain ul li div .funeralplanintroductext{margin-top:5px;padding:15px;}
  .funeralplanintroduc .funeralplanintroducmain ul li div .funeralplanintroductext p{margin-bottom:10px;}
	.funeralplanintroduc .funeralplanintroducmain ul li > div .planitem > ol > li{width:33.33333%;}
}
@media screen and (max-width: 820px) {
  .funeralplanintroduc .funeralplanintroducmain ul li:first-child{width:100%;}
  .funeralplanintroduc .funeralplanintroducmain ul li:last-child{width:100%;margin-top:15px;}
/*   .funeralplanintroduc .funeralplanintroducmain ul li div h3{font-size:18px;margin-bottom:5px;} */
  .funeralplanintroduc .funeralplanintroducmain ul li > div .planitemtitle p{font-size:14px;}
 .funeralplanintroduc .funeralplanintroducmain ul li > div .red{font-size:18px;}
	.funeralplanintroduc .funeralplanintroducmain ul li > div .planitem > ol > li{width:50%;}
}
/*funeralplanintroduc*/

/*faq*/
.faq .faqmain .webtitletwo h2{text-align:left;}
.faq .faqmain dl{margin-bottom: 20px;font-size:16px;}
.faq .faqmain dl dt{position:relative;margin-bottom:15px; padding:10px 0 10px 60px;}
.faq .faqmain dl dt:before{content:attr(data-title);margin-right:20px;background:#9759a8;position:absolute;top:10px;left:0;z-index:20;width:30px;height:30px;border-radius:50%;display:flex;justify-content: center;align-items: center;color:#fff;}
.faq .faqmain dl dt:after{content:"";position:absolute;top:25px;left:28px;z-index:10;width: 0;height: 0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid #9759a8;transform: translateY(-50%);}
.faq .faqmain dl dd{position:relative;padding:10px 0 10px 60px;}
.faq .faqmain dl dd:before{content:attr(data-title);margin-right:20px;background:#ffa800;position:absolute;top:10px;left:0;z-index:20;width:30px;height:30px;border-radius:50%;display:flex;justify-content: center;align-items: center;color:#fff;}
.faq .faqmain dl dd:after{content:"";position:absolute;top:25px;left:28px;width: 0;height: 0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid #ffa800;transform: translateY(-50%);}

@media screen and (max-width: 1080px) {
  .faq .faqmain dl {font-size:14px;}
  .faq .faqmain dl dt{padding:5px 0 5px 40px;margin-bottom:10px;}
  .faq .faqmain dl dt:before{width:24px;height:24px;}
  .faq .faqmain dl dt:after{left:22px;top:22px;}
  .faq .faqmain dl dd{padding:5px 0 5px 40px;text-align:justify;}
  .faq .faqmain dl dd:before{width:24px;height:24px;}
  .faq .faqmain dl dd:after{left:22px;top:22px;}
}
@media screen and (max-width: 820px) {
  .faq .faqmain dl dt:after{left:22px;top:22px;}
  .faq .faqmain dl dd:before{width:24px;height:24px;}
  
}
@media screen and (max-width: 620px) {
  .faq .faqmain dl dt{padding:5px 0 5px 30px;margin-bottom: 5px;}
  .faq .faqmain dl dt:before{top:5px;}
  .faq .faqmain dl dt:after{display:none; }
  .faq .faqmain dl dd{padding:5px 0 5px 30px; }
  .faq .faqmain dl dd:before{top:5px;}
  .faq .faqmain dl dd:after{display:none; }
}

/*flow*/
.flow .flowmain .flowcon{display:flex;align-items:center;margin-bottom:30px;}
.flow .flowmain .flowcon:before{content:"";background:url(images/flowconbg.png) no-repeat;background-size:auto 100%;width:35px;height:180px;display:block;margin-right:20px;}
.flow .flowmain .flowcon .flowtext{width:100%;height:100%;padding:30px 20px;border-radius:10px;}
.flow .flowmain .flowcon .flowtext h3{margin-bottom:15px;color:#b070ca;font-size:28px;font-weight:normal;}
.flow .flowmain .flowcon .flowtext p{margin-bottom:15px;font-size:16px;}
.flow .flowmain .flowcon .flowtext .flowtexttel {display:flex;align-items: center; }
.flow .flowmain .flowcon .flowtext .flowtexttel em{ padding:5px 20px;background:#b070ca;font-style:normal;color:#fff;border-radius:5px;font-size:26px;margin-right: 20px;}
.flow .flowmain .flowcon .flowtext .flowtexttel a{color:#c29fde;font-size:36px;font-weight:bold;letter-spacing:-1px;}

@media screen and (max-width: 1280px) {
  .flow .flowmain .flowcon .flowtext h3{font-size:24px;}
  .flow .flowmain .flowcon .flowtext .flowtexttel em{font-size:22px;}
  .flow .flowmain .flowcon .flowtext .flowtexttel a{font-size:32px;}
}
@media screen and (max-width: 1080px) {
  .flow .flowmain .flowcon{margin-bottom:20px;}
  .flow .flowmain .flowcon:before{width:25px;height:150px;background-size:contain;}
  .flow .flowmain .flowcon .flowtext{padding:20px;}
  .flow .flowmain .flowcon .flowtext h3{font-size:20px;}
  .flow .flowmain .flowcon .flowtext p{font-size:14px;}
  .flow .flowmain .flowcon .flowtext .flowtexttel em{font-size:20px;}
  .flow .flowmain .flowcon .flowtext .flowtexttel a{font-size:28px;}
}
@media screen and (max-width: 820px) {
  .flow .flowmain .flowcon .flowtext h3{font-size:16px;}
  
}
@media screen and (max-width: 620px) {
  .flow .flowmain .flowcon:before{display:none;}
  .flow .flowmain .flowcon .flowtext{padding:10px;}
  .flow .flowmain .flowcon .flowtext .flowtexttel em{font-size:16px;padding:3px 15px;}
  .flow .flowmain .flowcon .flowtext .flowtexttel a{font-size:20px;}
}
@media screen and (max-width: 360px) {
  .flow .flowmain .flowcon .flowtext .flowtexttel em{font-size:14px;}
  .flow .flowmain .flowcon .flowtext .flowtexttel a{font-size:18px;}
}


/*company*/
.company .companymain .betweenside li:first-child{width:calc(55% - 20px);}
.company .companymain .betweenside li:last-child{width:calc(45% - 20px);}
.company .companymain .betweenside li .googlemap{height:370px;}
.company .companymain .betweenside li .googlemap iframe{height:370px;}
@media screen and (max-width: 1280px) {
  .company .companymain .betweenside li:first-child{width:calc(50% - 20px);}
  .company .companymain .betweenside li:last-child{width:calc(50% - 20px);}
}
@media screen and (max-width: 1080px) {
  .company .companymain .betweenside li:first-child{width:calc(50% - 10px);}
  .company .companymain .betweenside li:last-child{width:calc(50% - 10px);}
}
@media screen and (max-width: 820px) {
  .company .companymain .betweenside li:first-child,.company .companymain .betweenside li:last-child{width:100%;margin-bottom:20px;}
  .company .companymain .betweenside li .googlemap{height:350px;}
  .company .companymain .betweenside li .googlemap iframe{height:350px;}
}

/*tableone*/
.tableone dl{border-bottom:1px dashed #979797;padding:15px 0;display:flex;flex-wrap: wrap;font-size:18px;}
.tableone dl dt{width:120px;color:#333;}
.tableone dl dd{width:calc(100% - 120px);}
.tableone dl dd a{color:#333;margin-right:20px;}
.tableone dl dd a:hover{text-decoration:underline;}
@media screen and (max-width: 1080px) {
  .tableone dl{font-size:16px;}
  .tableone dl dt{width:80px;}
  .tableone dl dd{width:calc(100% - 80px);}
}
@media screen and (max-width: 820px) {
  .tableone dl{font-size:14px;}
}
@media screen and (max-width: 620px) {
  .tableone dl dd a{display:block;}
}
/* googlemap */
.googlemap{width:100%;height:100%;line-height:0;overflow:hidden;}
.googlemap iframe{width:100%;height:500px;line-height:0;overflow:hidden;}

/*guide*/
.guidepannel{margin-bottom:60px;}
.guidepannel p{text-align:center;font-size:18px;line-height:2;}
.guide .guidemain .guidecon{margin-bottom:60px;}
.guide .guidemain .guidecon .guidepic figure:after{padding-top:70%;}
.guide .guidemain .guidecon .guideinfo ul{margin-bottom:20px;}
.guide .guidemain .guidecon .guideinfo ul li{font-size:16px;line-height:1.8;}
.guide .guidemain .guidecon .guideinfo ul li a{color:#333;}
.guide .guidemain .guidecon .guideinfo ul li a:hover{text-decoration:underline;}
.guide .guidemain .guidecon .guideinfo .googlemap{height:280px;margin-top:20px;}
.guide .guidemain .guidecon .guideinfo .googlemap iframe{height:280px;}
.guidefeature{margin-top:30px;}
.guidefeature ul{margin-top:-30px;margin-left:-50px; }
.guidefeature ul li{margin-top: 30px;padding-left:50px;}
.guidefeature ul li .guidefeaturemain .guidefeaturepic figure:after{padding-top:75%;}
.guidefeature ul li .guidefeaturemain .guidefeaturetext{padding:10px;background:#e8e8e8;}
.guidefeature ul li .guidefeaturemain .guidefeaturetext p{text-align:center;font-size:16px;}

@media screen and (max-width: 1280px) {
  .guidepannel{margin-bottom:40px;}
  .guidepannel p{font-size:16px;}
  .guide .guidemain .guidecon{margin-bottom:40px;}
  .guide .guidemain .guidecon .guideinfo .googlemap{height:220px;}
  .guide .guidemain .guidecon .guideinfo .googlemap iframe{height:220px;}
  .guidefeature{margin-top:20px;}
  .guidefeature ul{margin-top:-20px;margin-left:-40px; }
  .guidefeature ul li{margin-top: 20px;padding-left:40px;}
}
@media screen and (max-width: 1080px) {
  .guidepannel p{font-size:14px;line-height:1.8;}
  .guide .guidemain .guidecon .guideinfo ul li{font-size:14px;}
  .guide .guidemain .guidecon .guideinfo .googlemap{height:180px;}
  .guide .guidemain .guidecon .guideinfo .googlemap iframe{height:180px;}
  .guidefeature ul{margin-left:-30px; }
  .guidefeature ul li{padding-left:30px;}
  .guidefeature ul li .guidefeaturemain .guidefeaturetext p{font-size:14px;}
}
@media screen and (max-width: 820px) {
  .guide .guidemain .guidecon.betweenside > div{width:100%;}
  .guide .guidemain .guidecon.betweenside .guideinfo{margin-top:15px;}
  .guidefeature ul li .guidefeaturemain .guidefeaturetext {padding:10px 5px;}
  .guidefeature ul li .guidefeaturemain .guidefeaturetext p{font-size:12px;}
}
@media screen and (max-width: 620px) {
  .guidefeature ul{margin-top:-15px;margin-left:-15px; }
  .guidefeature ul li{margin-top: 15px;padding-left:15px;}
  .guidefeature ul li .guidefeaturemain .guidefeaturetext{padding:10px 0px;height:5em;}
}

/* form */
.formtable{}
.formtable dl{display:flex;justify-content:space-between;flex-wrap:wrap;border: solid #b070ca;border-width:1px 1px 0 1px;font-size:18px;}
.formtable dl:last-child{border-bottom:1px solid #b070ca;}
.formtable dl dt{border-right:1px solid #b070ca;width:280px;padding:15px 10px;display:flex;align-items:center;font-weight:bolder;}
.formtable dl dt span{font-size:14px;margin-left:5px;}
.formtable dl dd{width:calc(100% - 280px);padding:10px;}
.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form textarea,.form select{width:100%;padding:12px 10px;border-radius:5px;background:#fff;border:1px solid #d6d6d6;}
.form input[type="text"]:focus,.form input[type="email"]:focus,.form input[type="tel"]:focus,textarea:focus,.form select:focus{border:1px solid #3a5031;}
.form .radio .wpcf7-list-item{margin:0;margin-right:1em;}
.form .radio label{display:inline-flex;align-items:center;font-weight:bold;}
.form .radio label input[type=radio]{margin-right:15px;margin-top:0;}
.form .websitebtn{display:flex;justify-content:center;}
.form .websitebtn .morebtn{padding:12px 30px;margin:10px;font-size:18px;letter-spacing:1px;}
.form .websitebtn .morebtn:hover{background:#083097;color:#fff;}
@media screen and (max-width: 1280px) {
	.formtable dl{font-size:16px;}
	.formtable dl dt{width:240px;}
	.formtable dl dd{width:calc(100% - 240px);}
}
@media screen and (max-width: 1080px) {
	.formtable dl{font-size:14px;}
	.formtable dl dt{width:200px;}
	.formtable dl dd{width:calc(100% - 200px);}
	.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form textarea,.form select{padding:10px;}
	.form .websitebtn .morebtn{font-size:16px;padding:10px 20px;}
}
@media screen and (max-width: 768px) {
	.formtable dl dt{width:100%;border-right:0;border-bottom:1px dashed #b070ca;}
	.formtable dl dd{width:100%;}
}

/* newslist */
.newslist{}
.newslist li{}
.newslist li a{display:flex;flex-wrap:wrap;align-items:center;color:#000;font-size:18px;padding:15px;transition:.3s;}
.newslist li a:hover{background:#D3D3D3;}
.newslist li a span{padding: 3px 5px;border-radius: 3px;margin-right:15px;}
.newslist li a p{}
@media screen and (max-width: 1280px) {
	.newslist li a{font-size:16px;}
}
@media screen and (max-width: 1080px) {
	.newslist li a{font-size:14px;padding:10px;}
}
@media screen and (max-width: 768px) {
	.newslist li a p{width:100%;margin-top:5px;}
}

.pagenewtitle{font-size:24px;margin-bottom:20px;text-align:center;}
.pagenews .bgmediumPurple{padding:3px 5px;border-radius:3px;font-size:14px;}
.pagenews .pagenewscontent{font-size:18px;line-height:1.8;letter-spacing:1px;margin:30px auto;}
.pagenews .websitebtn{display:flex;justify-content:center;}
.pagenews .websitebtn .morebtn{margin:10px;padding:12px 30px;}
.pagenews .websitebtn .morebtn:hover{background:#083097;color:#fff;}
@media screen and (max-width: 1280px) {
	.pagenews .pagenewscontent{font-size:16px;}
}
@media screen and (max-width: 1080px) {
	.pagenewtitle{font-size:18px;}
	.pagenews .pagenewscontent{font-size:14px;}
}

.paging{margin-top:20px;display:flex;justify-content: center;align-items:center;}
.paging .page-numbers{border:1px solid #b070ca;margin:5px;padding: 5px 12px;text-align: center;color:#b070ca;background:#fff;font-weight:bolder;}
.paging .page-numbers:hover{background:#b070ca;color:#fff;border:1px solid #b070ca;}
.paging .page-numbers.current{color:#fff;background:#b070ca;}
.paging .page-numbers.current:hover{background:#b070ca;color:#fff;border:1px solid #b070ca;}