@charset "utf-8";

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

RESET CSS

html5doctor.com Reset Stylesheet

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}/ change colours to suit your needs /
ins{background-color:#ff9;color:#000;text-decoration:none}/ change colours to suit your needs /
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

common

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html { font-size: .9rem; }
body{ font-family: 'Lato', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 0; padding: 0; box-sizing:border-box; color: #333; line-height: 150%;  }

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

a,a:link, a:visited { color:inherit; text-decoration: none; }
a:active, a:hover { text-decoration: none; }

h1, h2, h3, h4, h5 {font-weight: normal;}
li { list-style-type: none; }
dl,dt,dd { margin: 0; padding: 0; }
p { margin: 0 ; padding: 0; }
img {border: 0; line-height: 0; vertical-align: bottom;}
hr { display: none; }
table { margin: 0; padding: 0; }
th { text-align: left; font-weight: bold; margin: 0; }
td { margin: 0; }
em {font-weight: bold; font-style: normal;}
form { margin: 0; padding: 0; }
label { margin: 0; padding: 0;}
input.btn { margin: 0 0.5em; padding: 0 1em; }


@media screen and (max-width: 900px) {
	html { font-size: .9rem; line-heihgt: 150%; }
  body { background: #FFF; }
}

/*clearfix*/
.clearfix { zoom:1;/*for IE 5.5-7*/ }
.clearfix:after{/*for modern browser*/ content:"."; display: block; height:0; clear: both; visibility: hidden; }
@charset "utf-8";
/*レイアウト*/
.wrapper { width: 100% ; margin: 0;  }
.contents_wrap_l { width: 100%; padding: 0 2rem; margin: 0 auto; }
.contents_wrap_m { width: 90%; max-width: 1700px; margin: 0 auto; }
.contents_wrap { width: 90%; max-width: 1200px; margin: 0 auto; }
.contents_wrap_s { width: 90%; max-width: 900px; margin: 0 auto; }
.base_contents { position: relative;  }
img { max-width: 100%;height: auto; vertical-align: bottom; }
.contsL { float: left; }
.contsR { float: right; }

.column,
.column2,
.column-max2,
.column3,
.column4,
.column-max4,
.column5,
.column6,
.column_lr { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.box-section { padding: 8rem 0; }
.box-section-s { padding: 4rem 0; }
.box-section-t { margin-top: 8rem; }
.column-max2 > * { width: 47%; }
.column2 > * { width: 47%; }
.column3 > * { width: 32%; }
.column-max4 > * { width: 20.5%; margin-left: 6%; }
.column-max4 > *:nth-child(4n + 1) { margin-left: 0; }
.column-max4 > *:last-child { margin-right: auto; }

.main-column { width: 75%; }
.sub-column { width: 20%; }

.column_lr > *:nth-child(odd) { width: 25%; text-align: center; }
.column_lr > *:nth-child(even) { width: 72%; }

@media screen and (max-width: 1300px) {
  .box-section { padding: 7vw 0; }
	.box-section-t { margin-top: 7vw; }
}

@media screen and (max-width: 900px) {
  .contents_wrap_l { padding: 0 5%; }
  .column-max2 > * { width: 100%; margin-bottom: 2rem; }
  .box-section { padding: 5rem 0; }
  .box-section-t { margin-top: 5rem; }
  .box-section-s { padding: 3rem 0; }
  
  .main-column { width: 90%; margin: 0 auto 2rem; }
  .sub-column { width: 90%; margin: 0 auto; }
  
  .column-max4 > * { width: 47%; margin-left: 6%; }
  .column-max4 > *:nth-child(odd) { margin-left: 0; }
  
}
@media screen and (max-width: 600px) {
.box-section { padding: 3rem 0; }
	.box-section-t { margin-top: 3rem; }

  .column_lr > *:nth-child(odd) { width: 100%; }
  .column_lr > *:nth-child(even) { width: 100%; margin-left: 0; margin-top: 1rem; }

  .column_lr2 > *:nth-child(odd) { width: 100%; }
  .column_lr2 > *:nth-child(even) { width: 100%; margin-left: 0; margin-top: 1rem; }
}


/*contents*/
/*ヘッダー*/
.header { width: 100%;  z-index: 9999; -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; text-align: right; position: relative; }
.header-top { padding: 1em 0; }
.head-logo { float: left; width: 30%; padding-bottom: 5%; background: url(../img/aia_30th_2.png) no-repeat center center/ 100% auto; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.header-bottom {  border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.header h1{text-align:center; font-size:0.8rem;}

.global-navi > ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; }
.global-navi > ul > li { width: 20%;  text-align: center; }
.global-navi a i { display: inline-block; color: #BBBBBB; margin-left: 1em; font-size: .8em;  }
.global-navi a,
.global-navi span { display: block; padding: 2em 1em;  font-weight: bold; }
.global-navi a.here,
.global-navi a:hover { opacity: 1; color: #FFF; background: #0B4EA9; }
.global-navi a.here i,
.global-navi a:hover i { color: inherit;}
.global-navi a.btn-contact { color: #FFF; background: #5CC1BE; padding: 1em 2em; border-radius: 1.5em; line-height: 1; }
.global-navi > ul > li:hover .submenu { display: block; z-index: 99; }


.global-navi.hover > ul > li a { position: relative; }

.head-contact .contactL { text-align: right; display: inline-block; vertical-align: middle; margin-right: .5em;  }
.head-link-outline i { color: #0B4EA9;  }
.head-tel { display: block; font-size: 1.2rem; font-weight: bold; font-family: 'Lato', sans-serif;}
.head-tel i { font-size: 1rem; display: inline-block; vertical-align: middle; margin-bottom: 2px; color: #0B4EA9; margin-right: .2em; }

a.btn-blue,
a.head-mail { font-size: .9rem; display: inline-block; }
a.head-mail img{ width: 100%; max-width: 300px;}
.head-mail i { display: inline-block; vertical-align: middle; margin-left: .3em; font-size: 1.2rem; }


/*スマホ用*/
.btn_humberger { display: none; }
.global-navi .spmenu { display: none; }


/*スマホ表示用CSS*/
@media screen and (max-width: 900px) {
  .header { background: #FFF; color: #333; padding: .5em 0; }
	.header h1{text-align:reft; font-size:0.6rem;}
  /*メニューボタン*/
	.btn_humberger { color: #333; font-family: 'Montserrat', sans-serif; font-weight: 300; position: fixed; width: 4rem; height: 4rem; font-size: .9rem; top: 0; right: 0; display: block; background: #FFF; padding: 2em 0 0; line-height:  100%;  border: 0;  z-index: 9999; }
  .btn_humberger:before,
  .btn_humberger:after { content:''; width: 2rem; height: 3px; background: #333; border-radius: 2px; position: absolute; top: 1.8em; left: 0; right: 0; margin: auto; }
  .btn_humberger:before { -ms-transform: translateY(-.5em); -webkit-transform: translateY(-.5em); transform: translateY(-.5em); box-shadow: 0 .5em #333; }
  .btn_humberger:after { -ms-transform: translateY(.5em); -webkit-transform: translateY(.5em); transform: translateY(.5em); }
  .btn_humberger.open:before { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: none; }
  .btn_humberger.open:after { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
  
  .header {padding: 1rem 0; min-height: 0; text-align: left; }
  .head-contact { text-align: right; }
  .head-link-outline { display: none; }
  .head-tel { display: inline-block; vertical-align: middle; }
  a.btn-blue,
  a.head-mail { padding: .5em; }
  
  
  /*グローバルナビ*/
  .global-navi { display: none; position: fixed; height: 100vh; overflow-y: scroll; top: 0; left: 0; right: 0; margin: auto; z-index: 99; background: #FFF; padding: 5em 5%; }
  .global-navi.open {display: block; }
  .global-navi > ul { display: block; padding: 0;  }
  .global-navi > ul > li { width: 100%; display: block;  }
.global-navi > ul > li + li { margin-left: 0; }
  .global-navi a,
	.global-navi span { font-size: 1.1rem; line-height: 100%; padding: 1em; text-align: left;  }
	.global-navi .submenu { position: relative; top: auto; display: block; background: none; }
	.global-navi .submenu a { color: #000; padding-left: 2em; font-weight: normal; }
	.global-navi .submenu >li + li { border-top: none; }
	
.global-navi a i { float: right;}
  
  .global-navi a:before { display: inline-block; margin-right: .5em; } 
  .global-navi a:hover:after { display: none; }
  .global-navi .spmenu { display: block; }
  .global-navi .spmenu.contact a { font-weight: bold;  }
  .global-navi .spmenu.home a:before { content: ''; width: 1em; height: 1em; background: url(../img/icon-home.png) no-repeat center center; background-size: 100% auto; display: inline-block; vertical-align: middle; margin-right: .5em; }
}
@media screen and (max-width: 600px) {
  .head-logo {    margin: 0 auto;
    width: 100%; padding-bottom: 10%; float: none; }
	nav.head-contact {
		flex-direction: column;
	}
	.head-contact .contactL {
		display: none;
	}
	a.head-mail {
		display: none;
	}
}


/*フッター*/
.footer { padding: 2rem 0;  }
.link-banners { padding: 5rem 0; border-top: 1px solid #DDD; }
.link-banners .list-group-banner:first-of-type { margin-bottom: 5rem; }
.list-group-banner {  font-size: .8rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between;}
.list-group-banner > li { width: 23.5%;  margin-bottom: 1em; }

.footer-links{  font-size: .8rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between;}
.footer-links dt { color: #005dac; }
.footer-links > li { width: 25%;  margin-bottom: 3em; text-align: left;  }

.footer-top { background: #F7F7F7; padding: 3rem 0; margin-bottom: 2em; }
.copyright { font-size: .7rem; float: left; }
.gotop { float: right; }
.gotop i { display: inline-block;  -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #006BC9; }

@media screen and (max-width: 900px) {
.link-banners { padding: 3rem 0;  }
  .list-group-banner > li { width: 32%; }
.footer-links > li { width: 33.33%; }
}
@media screen and (max-width: 600px) {
  .list-group-banner > li { width: 48%; }
  .footer-links > li { width:50%; }
}
.googlemap { width: 100%; height: 0; padding-bottom: 50%; display: block; position: relative; }
.googlemap iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }



.blog-wrap {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between;  margin-bottom: 5rem; }

.blog-wrap .mainColumn { width :67%; }
.blog-wrap .sideColumn { width :27%; }


@media screen and (max-width: 900px) {
	.blog-wrap .mainColumn { width :100%; }
	.blog-wrap .sideColumn { width :100%; }
}
/* CSS Document */


.inviewStd { opacity: 0; -ms-transition: all .3s .3s; -webkit-transition: all .3s .3s; transition: all .3s .3s; -ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px); }
.inviewStd.inview { opacity: 1;  -ms-transform: translateY(0px);-webkit-transform: translateY(0px);transform: translateY(0px);}


.inviewApp { opacity: 0; -ms-transition: all .5s .3s; -webkit-transition: all .5s .3s; transition: all .5s .3s; }
.inviewApp.inview { opacity: 1; }


.inviewCurtain { overflow: hidden; position: relative; }
.inviewCurtain:before,
.inviewCurtain:after { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; rihgt: 0; bottom: 0; }
.inviewCurtain:before { z-index: 2; background: #177DC7; -ms-transition: all .3s .8s; -webkit-transition: all .3s .8s; transition: all .3s .8s;  }
.inviewCurtain:after { z-index: 3; background: #FFF; -ms-transition: all .3s .3s; -webkit-transition: all .3s .3s; transition: all .3s .3s; }

.inviewCurtain.curtainL.inview:before { -ms-transform: translateX(-100%);-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.inviewCurtain.curtainL.inview:after {-ms-transform: translateX(-100%);-webkit-transform: translateX(-100%);transform: translateX(-100%);}

.inviewCurtain.curtainR.inview:before { -ms-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);}
.inviewCurtain.curtainR.inview:after {-ms-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);}



.zoomthumb { position: relative; overflow: hidden; }
.zoomthumb .thumbimg,
.zoomthumb:after{ content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; border: 0; margin: auto; -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;  }
.zoomthumb .thumbimg { background-size: cover; background-position: center center; }
.zoomthumb:after { background: rgba(0,0,0,.2); opacity: 0; }

.zoomthumb:before { background-size: cover; background-position: center center; }
.zoomthumb:after { background: rgba(0,0,0,.2); opacity: 0; }

.zoomthumb.hover:hover .thumbimg { -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
.zoomthumb.hover:hover:after { opacity: 1; }



@font-face {
  font-family: 'icon';
  src:  url('../font/icon.eot?gggaza');
  src:  url('../font/icon.eot?gggaza#iefix') format('embedded-opentype'),
    url('../font/icon.ttf?gggaza') format('truetype'),
    url('../font/icon.woff?gggaza') format('woff'),
    url('../font/icon.svg?gggaza#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-left-arrow:before {
  content: "\e907";
}
.icon-black-envelope:before {
  content: "\e900";
}
.icon-calendar:before {
  content: "\e901";
}
.icon-keyboard-right-arrow-button:before {
  content: "\e902";
}
.icon-notebook:before {
  content: "\e903";
}
.icon-teamwork:before {
  content: "\e904";
}
.icon-telephone:before {
  content: "\e905";
}
.icon-three-buildings:before {
  content: "\e906";
}
