@charset "utf-8";

@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes delayAnimeA{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
@keyframes delayAnimeB{0%{opacity:0;transform:translateX(-100px);}100%{opacity:1;transform:translateY(0);}}

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
img{max-width:100%;height:auto;vertical-align:bottom;}
a{text-decoration:none;}
a img{max-width:100%;height:auto;border:0;}
a:hover img{animation:fadeIn 1s ease 0s 1 normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{font:1rem/1.5 "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro," メイリオ",Meiryo,Osaka," ＭＳ Ｐゴシック",MS PGothic," sans-serif";color:#000;animation:fadeIn 2s ease 0s 1 normal;}

/**** Clearfix ****/
.inner:after{content:"";display:table;clear:both;}
.inner{zoom:1;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/* 汎用クラス
*****************************************************/
.pcDisp{display:block;}
.spDisp{display:none;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
img.alignLeft{float:left;margin:0 10px 10px 0;display:inline;}
img.alignRight{float:right;margin:0 0 10px 10px;display:inline;}
.cent{text-align:center;}
.alR{text-align:right;}
.block{display:block;}
.pcBlock{display:block;}
.delayAnime{animation-fill-mode:both;animation-duration:2s;animation-name:delayAnimeA;visibility:visible !important;}

/* ヘッダー
------------------------------------------------------------*/
header{background:#fff;border-top:#00bab6 3px solid;}
header .inner{max-width:1000px;width:100%;margin:0 auto;padding:20px;box-sizing:border-box;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
header .inner #logo{width:50%;}
header .inner #inquiry{width:50%;}
header .inner #inquiry #tel{width:48%;float:left;}
header .inner #inquiry #tel::before{content:url(images/icn-tel.png);margin:5px 10px 0 0;float:left;}
header .inner #inquiry #tel dt{font-size:.9rem;}
header .inner #inquiry #tel dd{font-size:1.4rem;font-weight:bold;color:#00bda2;}
header .inner #inquiry #contact{width:52%;float:right;}
header .inner #inquiry #contact a{margin:0 auto;padding:10px 20px;background:#00bab6;display:inline-block;text-decoration:none;outline:none;font-size:1.2rem;font-weight:bold;color:#fff;cursor:pointer;border-radius:8px;box-sizing:border-box;}
header .inner #inquiry #contact a:hover{background:#0e9591;color:#fff;animation:fadeIn 1s ease 0s 1 normal;-webkit-animation:fadeIn 1s ease 0s 1 normal;}

/* コンテンツ
*****************************************************/
main{background-image:linear-gradient(-45deg,#dfeffb 25%,#f9f9ef 25%,#f9f9ef 50%,#dfeffb 50%,#dfeffb 75%,#f9f9ef 75%,#f9f9ef);background-size:20px 20px;display:block;animation:fadeIn 4s ease 0s 1 normal;}
main .box{margin-bottom:30px;display:block;}
main .pict{margin-bottom:20px;background:url(images/cloud02.png) no-repeat center center;text-align:center;}

main #kv img{width:100%;height:auto;}

main #mainTitle{padding:40px 0;background:url(images/cloud01.png) no-repeat center center;box-sizing:border-box;}
main #mainTitle .inner{max-width:1000px;width:100%;margin:0 auto;}
main #mainTitle .inner h1{margin:0 auto 20px;text-align:center;}
main #mainTitle .inner p{font-size:1.2rem;font-weight:bold;color:#081f39;}

main #reason{margin-bottom:40px;display:block;}
main #reason .inner{max-width:1000px;width:100%;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-sizing:border-box;}
main #reason .inner h3{margin-bottom:10px;font-size:1.8rem;font-weight:bold;color:#081f39;text-align:center;}
main #reason .inner ul{margin:0 auto;display:flex;flex-wrap:nowrap;justify-content:center;}
main #reason .inner li{width:23.5%;margin:10px 2% 0 0;align-items:center;}
main #reason .inner li:last-child{width:23.5%;margin-right:0;}
main #reason .inner li dl{min-height:200px;padding:20px;background:#4b5c6f;text-align:center;border-radius:8px;}
main #reason .inner li dt{margin-bottom:10px;font-size:1.2rem;color:#fff799;}
main #reason .inner li dt::before{content:url(images/icn-owl.png);margin:-40px auto 0;text-align:center;display:block;}
main #reason .inner li dt i{font-size:1.5rem;font-weight:bold;display:block;}
main #reason .inner li dd{color:#fff;}

main #professional{margin-bottom:40px;display:block;}
main #professional .inner{max-width:1000px;width:100%;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-sizing:border-box;}
main #professional .inner ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
main #professional .inner li{width:32%;margin:0 2% 20px 0;}
main #professional .inner li:nth-child(3n){width:32%;margin:0 0 20px;}
main #professional .inner li dl{display:block;}
main #professional .inner li dt{padding:20px;background:#f2f2f2;text-align:center;}
main #professional .inner li dd{padding:20px;background:#00bab6;font-size:.9rem;text-align:center;}
main #professional .inner li dd h3{margin:0 auto 10px;font-size:1.5rem;line-height:1;font-weight:bold;color:#fff;text-align:center;}
main #professional .inner li dd h3::after{content:url(images/line.png);margin-top:-10px;text-align:center;display:block;}
main #professional .inner li dd div{margin-top:10px;}
main #professional .inner li dd div span.button a{margin:0 auto;padding:10px 40px;background:#fcee21;border:#fcee21 2px solid;display:inline-block;font-size:1.1rem;text-decoration:none;outline:none;color:#000;cursor:pointer;border-radius:100px;}
main #professional .inner li dd div span.button a:hover{background:#fff;color:#00bab6;animation:fadeIn 1s ease 0s 1 normal;}

main #paper{margin-bottom:40px;display:block;}
main #paper .inner{max-width:1000px;width:100%;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-sizing:border-box;}

main #info{margin-bottom:40px;display:block;}
main #info .inner{max-width:1000px;width:100%;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-sizing:border-box;}
main #info .inner dl{margin-bottom:10px;padding-bottom:10px;border-bottom:#666 2px dotted;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
main #info .inner dt{margin-right:20px;font-size:1.2rem;}
main #info .inner dt a{color:#00bda2;}
main #info .inner dt span{margin-right:20px;font-weight:bold;}
main #info .inner dd a{margin:0 auto;padding:5px 15px;background:#00bab6;display:inline-block;text-decoration:none;outline:none;font-size:.9rem;font-weight:bold;color:#fff;cursor:pointer;border-radius:8px;box-sizing:border-box;}

main #contactForm{display:block;}
main #contactForm .inner{max-width:1000px;width:100%;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-sizing:border-box;}

main #contactTitle{padding:40px 0;box-sizing:border-box;}
main #contactTitle .inner{max-width:1000px;width:100%;margin:0 auto;padding:20px;background:#fff;border:#000 3px solid;border-radius:8px;box-sizing:border-box;}
main #contactTitle .inner dl{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;}
main #contactTitle .inner dt{margin-right:30px;}
main #contactTitle .inner h1{font-size:2rem;font-weight:bold;}
main #contactTitle .inner p{font-size:1.5rem;font-weight:bold;}
main #contactTitle .inner p a{font-size:1.5rem;font-weight:bold;color:#00bab6;}

main #detail{padding:40px 0;box-sizing:border-box;}
main #detail .inner{max-width:1000px;width:100%;margin:0 auto;padding:20px;background:#fff;border-radius:8px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;box-sizing:border-box;}
main #detail .inner #photo{width:32%;margin-right:2%;text-align:center;}
main #detail .inner #profile{width:66%;}
main #detail .inner #profile h1{margin:0 0 10px;font-size:2rem;line-height:1;font-weight:bold;}
main #detail .inner #profile h1::after{content:url(images/line.png);margin-top:-10px;display:block;}
main #detail .inner #profile h1 i{font-style:normal;}
main #detail .inner #profile p{margin-bottom:10px;font-size:1.3rem;color:#081f39;}
main #detail .inner #profile dl{margin-bottom:10px;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;box-sizing:border-box;}
main #detail .inner #profile dt{width:20%;margin-right:10px;padding:7px 10px;background:#081f39;font-weight:bold;color:#fff;text-align:center;border-radius:100px;}
main #detail .inner #profile dd{width:80%;font-size:.9rem;}

main #actualResult{margin-bottom:40px;display:block;}
main #actualResult .inner{max-width:1000px;width:100%;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-sizing:border-box;}
main #actualResult .inner ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
main #actualResult .inner li{width:32%;margin:0 2% 20px 0;}
main #actualResult .inner li:nth-child(3n){width:32%;margin:0 0 20px;}
main #actualResult .inner li dl{display:block;}
main #actualResult .inner li dt{background:#f2f2f2;text-align:center;}
main #actualResult .inner li dd{padding:20px;background:#e5f8f6;font-size:.9rem;}

/* 見出し
*****************************************************/
main h2.heading01{margin-bottom:20px;font-size:2rem;font-weight:bold;color:#00bab6;text-align:center;}
main h2.heading01::before{content:"―";margin-right:5px;}
main h2.heading01::after{content:"―";margin-left:5px;}

/* フッター
*****************************************************/
footer{padding:30px 0;text-align:center;}
footer .inner{max-width:1000px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;}
footer .inner p{margin-bottom:5px;}
footer .inner a{color:#00bda2;}
footer .inner #footerContact{width:100%;margin-bottom:30px;}
footer .inner #footerContact a{margin:0 auto;padding:20px 60px 10px;background:#00bab6;display:inline-block;text-decoration:none;outline:none;font-size:1.6rem;line-height:1.4;font-weight:bold;color:#fff;cursor:pointer;border-radius:8px;box-sizing:border-box;vertical-align:bottom;}
footer .inner #footerContact a span::before{content:url(images/icn-mail.png);margin-right:10px;vertical-align:top;}
footer .inner #footerContact a:hover{background:#0e9591;color:#fff;animation:fadeIn 1s ease 0s 1 normal;-webkit-animation:fadeIn 1s ease 0s 1 normal;}
address{padding:15px;background:#00bab6;color:#fff;text-align:center;word-break:break-all;}
footer .inner #footerLogo{margin-bottom:10px;}

/* タブレットサイズ
------------------------------------------------------------*/
@media only screen and (max-width:899px){
header .inner #logo{width:44%;}
header .inner #logo img{max-width:300px;height:auto;}
header .inner #inquiry{width:56%;}
header .inner #inquiry #tel{width:55%;}
header .inner #inquiry #tel dd{font-size:1.3rem;}
header .inner #inquiry #contact{width:45%;}
header .inner #inquiry #contact a{padding:10px;font-size:1rem;}
main #mainTitle{padding:20px 10px;}
main #mainTitle h1{margin:0 auto 10px;}
main #mainTitle p{font-size:1rem;}
main h2.heading01{font-size:1.7rem;letter-spacing:-3px;}
main #detail .inner #profile dt{width:30%;}
}

/* スマホサイズ
------------------------------------------------------------*/
@media only screen and (max-width:644px){
.pcDisp{display:none;}
.spDisp{display:block;}
.pcBlock{display:inline;}
.spBlock{display:block;}
img.alignRight,img.alignLeft{display:block;margin:0 auto 10px;float:none;}
.fixed{display:block;position:fixed;right:10px;bottom:10px;z-index:100;}
header .inner{padding:10px;flex-wrap:wrap;}
header .inner #logo{width:100%;margin:0 auto 5px;text-align:center;}
header .inner #logo img{max-width:100%;}
header .inner #inquiry{width:94%;margin:0 auto;}
header .inner #inquiry #tel{width:79%;}
header .inner #inquiry #tel dt{font-size:1rem;line-height:1.2;}
header .inner #inquiry #tel dd a{font-size:1.6rem;line-height:1.2;font-weight:bold;color:#00bda2;}
header .inner #inquiry #contact{width:20%;text-align:right;}
main{padding-bottom:20px;}
main #mainTitle{padding:10px;}
main .box{margin-bottom:20px;}
main .pict{margin-bottom:10px;}
main #reason{margin-bottom:20px;padding:0 10px;}
main #reason .inner{padding:10px;}
main #reason .inner h3{font-size:1.25rem;}
main #reason .inner ul{flex-wrap:wrap;}
main #reason .inner li{width:100%;margin:20px 0;}
main #reason .inner li:last-child{width:100%;margin:20px 0 0;}
main #reason .inner li dl{min-height:auto;padding:10px;}
main #reason .inner li dt{font-size:1rem;}
main #reason .inner li dt i{font-size:1.2rem;}
main #professional{margin-bottom:20px;padding:0 10px;}
main #professional .inner li{width:100%;margin:0 auto 20px;}
main #professional .inner li:nth-child(3n){width:100%;margin:0 auto 20px;}
main #professional .inner li dd{font-size:1rem;}
main #paper{margin-bottom:20px;padding:0 10px;}
main #paper .inner{padding:10px;}
main #info{margin-bottom:0;padding:0 10px;}
main #info .inner{padding:10px;}
main #info .inner dl{display:block;}
main #info .inner dt{font-size:1rem;}
main #info .inner dd{text-align:center;}
main #detail{margin:10px auto 20px;padding:0 10px;}
main #detail .inner #photo{width:100%;margin:0 auto 20px;}
main #detail .inner #profile{width:100%;margin:0 auto;}
main #detail .inner #profile h1{line-height:1.5;text-align:center;}
main #detail .inner #profile h1::after{text-align:center;}
main #detail .inner #profile h1 i{display:none;}
main #detail .inner #profile h1 span{font-size:1.4rem;display:block;}
main #detail .inner #profile p{font-size:1.1rem;}
main #detail .inner #profile dl{flex-wrap:wrap;}
main #detail .inner #profile dt{width:100%;margin:0 auto 10px;display:block;}
main #detail .inner #profile dd{width:100%;}
main #actualResult{margin-bottom:20px;padding:0 10px;}
main #actualResult .inner{padding:20px 20px 0;}
main #actualResult .inner li{width:100%;margin:0 auto 20px;}
main #actualResult .inner li:nth-child(3n){width:100%;margin:0 auto 20px;}
main #actualResult .inner li dd{padding:10px;font-size:1rem;}
main #contactForm .inner{padding:10px;}
main h2.heading01{margin-bottom:10px;font-size:1.4rem;letter-spacing:0;}
main h2.heading01::before{display:none;}
main h2.heading01::after{display:none;}
main #contactTitle{padding:10px;}
main #contactTitle .inner{padding:10px;}
main #contactTitle .inner dt{margin-right:10px;}
main #contactTitle .inner h1{font-size:1.3rem;}
main #contactTitle .inner p{font-size:1rem;}
main #contactTitle .inner p a{font-size:1rem;}
footer{padding:20px 0;}
footer .inner #footerContact{margin-bottom:20px;}
footer .inner #footerContact a{padding:10px 20px;font-size:1.4rem;line-height:1;}
address{padding:15px;font-size:.75rem;}
}

/* スマホサイズ 320px
------------------------------------------------------------*/
@media only screen and (max-width:320px){
header .inner #inquiry #tel dd a{font-size:1.3rem;}
}