@charset "UTF-8";
/*
Theme Name:		 iprad-ryoma
Version:		1.0
License:
License URI:

*/
:root {
  --logo-color: #004c81;
}


/* global box-sizing */
*,*:after,*:before {-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;}
/* html element 62.5% font-size for REM use */
html {font-size:62.5%;}
body {font:500 1.4em/1.4 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo",'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color:#000;text-align:center;}

img,iframe {vertical-align:bottom;border:0;max-width:100%}
a {text-decoration:none;color:#000}
input:focus {outline:0;border:1px solid #04A4CC;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {  margin:0;  padding:0;}

table {border-collapse:collapse;border-spacing:0;}
th,td{vertical-align:top}
address,caption,cite,code,dfn,em,strong,th,var {  font-style:normal;  font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {  font-size:100%;  font-weight:normal;margin-bottom:1em;}
sup {  vertical-align:text-top;}
sub {  vertical-align:text-bottom;}
input,textarea,select {  font-family:inherit;  font-size:inherit;  font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select {  max-width:100%;  *font-size:100%;}
a img:hover,button:hover ,.btn a:hover,a:hover{ opacity: 0.6;transition : .3s;}
.cont p,.cont div,.cont ul,.cont ol,.cont table {margin-bottom:1em;}
.cont ul{margin-left:1em}

a.btn{display:inline-block;  background-color: var(--logo-color);color: #fff;  padding: 8px 50px;;  font-weight: bold;}
a.btn:hover{background-color:#f30;}
.cont h2.page-title{font-size:2.4rem;border-bottom:2px solid #000;display: inline-block;line-height: 1.1;margin-bottom: 2em;}
.edit-link{font-size:1.5rem;margin-left:10px;color:#999}


/*#########################################################
レイアウト
#########################################################*/
#container{margin:0px auto;text-align:left;overflow: clip;}
/* サイトヘッダ */
header#site-header {text-align: center;margin-bottom: 20px;position: sticky;  top: 0;background-color:rgba(255,255,255,0.9);;padding-bottom: 10px;z-index: 2;padding-top: 26px;}
header#site-header h1{padding:5px 0 15px;min-height: 50px;}
header#site-header h1 a{max-width: 240px;  display: block;  margin: 0 auto;}


header nav{}
header nav ul{display:flex;justify-content:center; font-size: 1.4rem;align-items: center;}
header nav .mainmenu li{padding:0 5px}
header nav li:not(.lnk_userpage) a:hover{border-bottom:2px solid #000;color:#f00;}
header nav li:not(.lnk_userpage).current a{color:#004c81;border-bottom:2px solid #000;}

header nav ul a{padding: 0 20px;display: block;height: 40px;line-height: 40px;}
header nav li.lnk_userpage a{border-radius: 5px;height: 30px;  line-height: 30px;background-color: var(--logo-color);  color: #fff;}
header nav li.lnk_userpage{margin-left:10px}
header nav li.lnk_userpage a:hover{background-color:#ffd700;color:#000;}
header nav li.lnk_userpage a::after{content:">";margin-left:.5em}

.cont{background-color:#fff;padding:20px 0;margin: 0 auto;text-align: center;}



/* サイトフッタ */
footer#site-footer {clear:both;padding:0 10px;text-align:center;border-top: 1px solid var(--logo-color);margin-bottom: 50px;max-width: 1040px;  margin: 0 auto;}
footer#site-footer .ftlogo{text-align: left;margin-bottom: 20px;}
footer#site-footer .ftlogo img{width: 130px;}

footer .copyright{margin: 8px auto 20px;}


/*### WordPress native ###*/
.aligncenter {display: block;margin: 0 auto;}
.alignright { float: right;margin-left:10px }
.alignleft { float: left;margin-right:10px }
img[class*="wp-image-"],
img[class*="attachment-"] {height: auto;max-width: 100%;}

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





/*######################################################*/



/* top */
.home .top_image{overflow:hidden;text-align:center;margin-bottom: 20px;position: relative;max-height: 80vh;}
.home .top_image .topcpy{position: absolute;  top: 20%;  left: 50%;  width: 28%;  height: auto;text-align: right;}
.home .top_image .topcpy img{width:100%;height:auto;margin-bottom:20px}
.home .top_image  .disc{position: absolute;  bottom: 10%;  left: 7%;  text-align: left;  color: #fff;text-shadow: 1px 1px 2px black;font-weight: bold;}
/* top slide */
.home .topfeature {margin: 0 50px;}
.home .topfeature.slick-dotted.slick-slider {  margin-bottom: 60px;}
.home .topfeature .feature_item{display: flex;margin-bottom: 0;align-items: center;}
.topfeature .slick-prev::before, .topfeature .slick-next::before{color:black}
.home .topfeature .feature_item .feature_cont{margin-bottom: 0;text-align: left;}
.home .topfeature .feature_thm{max-width:40%;margin-right:30px;height: unset;}
.home .feature_cont{margin-right: 20px;}
.home .topfeature .slick-track{display: flex;  align-items: center;margin-bottom:0}
.home .topfeature.feature_date {  letter-spacing: .2em;}
.home .topfeature .feature_ttl { color: #d33;  font-size: 1.7rem;  font-weight: bold;}
.home .topfeature .feature_txt{line-height: 1.8;}
.home .topfeature .slick-dots{margin-left: 0;}

.top_cont{max-width: 1000px;margin: 0 auto;}
.top_cont .box{margin-bottom:50px}



.top_news{text-align: center;}

.top_news .info_date{margin-bottom:2px;font-family: Raleway;font-size: 1.7rem;margin-right:2em;line-height: 1;}
.top_news .info_posts{text-align:left;}
.top_news .info_posts .post_item{display: flex;border-bottom: 1px solid var(--logo-color);padding-bottom:1em;margin-bottom:20px}
.top_news .info_posts .post_item div{margin-bottom:0}
.top_news .info_posts .post_item  .info_ttl{font-weight:bold;margin-bottom:.5em}
.top_news .top_news_more {font-family: Raleway;font-size: 1.8rem;text-align: right;text-decoration: underline;}



.top_concept{margin-bottom: 50px;}
.top_concept .top_cnspt_bx{margin: 0 calc(50% - 50vw);	width: 100vw;text-align:center;padding: 50px 0;}
.top_concept .top_cnspt_bx:nth-child(odd) {  background-color: var(--logo-color);}
.top_concept .top_cnspt_bx:nth-child(odd):not(.lay_overlap) .top_cnspt_txt { color:#fff}
.top_concept .top_cnspt_bx.lay_overlap h2{ color:var(--logo-color)}
.top_concept iframe.yt{aspect-ratio: 16 / 9;width:100%;margin-bottom:20px;max-width: 800px;}
.top_concept .top_cnspt_bx:nth-child(odd) .btn{background-color: #002742;}
.top_concept h2{font-weight: bold;  font-size: 3rem;margin-bottom:.8em}
.top_concept h3{font-size: 1.8rem;margin-bottom:.8em}
.top_concept .top_cnspt_bx:nth-child(odd).lay_overlap .top_cnspt_txt{background-color: #fff;}
.top_concept .top_cnspt_bx:nth-child(even).lay_overlap .top_cnspt_txt{background-color: #f6f6f6;}


.lay_overlap .top_cnspt_bx_inner{display: flex;align-items: center;justify-content: center;width:70%;margin:0 auto;position: relative;}
.top_concept .lay_overlap{}
.top_concept .lay_overlap  .top_cnspt_txt,.top_concept .lay_overlap .top_cnspt_img{flex-shrink: 0; flex-grow: 1;}

.top_concept .lay_overlap .top_cnspt_img{width:70%}
.top_concept .lay_overlap .top_cnspt_txt{text-align: left;width: 55%;box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3);}
.top_concept .txt_left{flex-direction: row-reverse;}
.top_concept .top_cnspt_txt.lay_left{margin-right:-5%}
.top_concept .top_cnspt_txt.lay_right {margin-left:-5%}
.top_concept .top_cnspt_img.lay_left{margin-right:-20%}
.top_concept .top_cnspt_img.lay_right {margin-left:-20%}

.top_concept  .top_cnspt_txt{padding:2em;line-height: 2;margin-bottom: 0;}


.home .gmoird{text-align:center;padding: 50px 0;}
.home .gmoird_txt{padding:10% 20%;;background: url("/common/imgs/about_gmoird_bg.jpg") no-repeat center;
  color: #fff;font-size:1.8rem;text-shadow: 0px 0px 10px black;font-weight:bold;background-size: cover;position: relative;line-height: 2em;}
.home .gmoird_txt::after {  content: "";  position: absolute;top: 0;  left: 0;  height: 100%;  width: 100%;  background: rgba(0, 0, 0, 0.3);}
.home .gmoird_txt > *{z-index: 1;position: relative;}

.web_url::before{content:"\1F5A5";margin-right:.5em}
.tel_no::before{content:"\1F4DE";margin-right:.5em}


.top_cont .btn a{border-radius:0;text-shadow:none;background-color:rgba(255,255,255,0.7);font-size:1.4rem;padding:10px 40px;border-color:#fff}
.top_cont .btn a::before{color:#666;}
.top_cont .top_news h2{font-family: Raleway;font-size:3rem;color:var(--logo-color);border-bottom:2px solid var(--logo-color);display: inline-block;}

/* news */
.type-post .year_link{margin-bottom:3em;padding: 0 5%;text-align: center;}
.year_link ul{list-style-type:none;display: flex;margin-left: 0;}
.year_link li{flex-grow: 1;}
.year_link li a {display: block;border-bottom: 2px solid #aaa;line-height: 3em;}
.year_link li.current a,.year_link li a:hover{border-color: #000;}

.container.type-post .cont{margin: 0 10%;}
.type-post .entry-date{font-family: raleway;font-size:2rem;width:20%;line-height: 1;max-width: 150px;}
.type-post .entry-header {display: flex;border-bottom: 1px solid #98b5ca;}
.type-post .entry-ttl {flex: 1;}
.single-post .container.type-post .cont{margin: 0 ;background-color: #ddd;padding: 30px 5%;}
.single-post .container.type-post .cont article{background-color: #fff;  }
.single-post .entry-date{font-size:3rem;width:unset}
.single-post .entry-ttl{font-size:2rem}
.single-post .entry-header {display: block;}


/* contactus */
.page-contact-us .entry{padding: 20px 0;}
.page-contact-us .entry-content{display:flex;}
.page-contact-us .entry-content > div{flex:1}
.page-contact-us .contactform{padding: 10px 4%;background-color: #eee;}
.page-contact-us .contact_details{text-align:center;}
.page-contact-us .contact_details .comp_info{text-align: left;  margin: 30px auto 50px;  width: fit-content;}

/* legal */
.page-child .page-legal .entry-content ul{list-style-type:none;margin-left:0}
.page-child .page-legal .entry-content ul li{margin-bottom:1em}



.page_hd{text-align:center}

.entry{text-align:left;  display: flow-root;padding: 20px 5%;}
.entry h3{}


.entry-content h4{font-weight:bold ;clear:both;font-size:1.4rem;border-bottom:1px solid #984400;color:#984400;width:100%}
.entry-content h5{font-weight:bold ;color:#2cb300}
.entry-content h6{font-weight:bold}
.entry-content dl,.entry-content ol,.entry-content ul{margin-bottom:1em}
.entry-content dl dd,.entry-content ol,.entry-content ul{margin-left:2em}
.entry-content td,.entry-content th{border:1px solid #aaa;padding:3px;vertical-align:top}
.entry-content th{background-color:#eee}
.entry-content a{}

.entry-content ul.dl li{list-style-type:none;margin-bottom:1em}
.entry-content ul.dl li a{background:url("/common/imgs/icon_pdf.gif") no-repeat left center;padding:5px 40px;background-size:contain;line-height:24px;color:#000}
.entry-content ul.dl li a:hover{opacity:0.7}

.entry-content ul.wp-block-gallery{margin-left:0}



.entry-content strong{font-weight:bold;color:#900}
.entry-content .box{margin-bottom:2em}



.btn a{background-color:#eee;border-radius:12px;display:inline-block;color:#000;padding:6px 20px;text-align:center;border:1px solid #999}
.btn a:before{content:"▶︎";color:#900;margin-right:.5em}

a.dl_pdf{background:url("/common/imgs/dl_pdf.png") no-repeat left center;padding:12px 40px;background-size: contain;}

.cont_box{margin-bottom:3rem}



/* form(contatform7前提) */
form{ width: 100%;}
input[type='text'],input[type='email'],input[type='tel'],textarea,input[type='password']{font-size:2rem;
  width: 100%;
  padding: 5px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
border-style: none;
}

input[type='checkbox'] {
  appearance: none;
  position: relative;
  width: 22px;
  height: 22px;
  background-color: #fff;
  cursor: pointer;margin-right: .5em;
}
/* checkbox（class:ckbx use_label_element） */
input[type='checkbox']:checked::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 2px;
  width: 17px;
  height: 8px;
  border-bottom: 3px solid #000;
  border-left: 3px solid #000;
  transform: rotate(-45deg);
}
input[type='checkbox'] + span{font-size:1.6rem;}
.ckbx label{display: flex;  align-items: center;}
.ckbx .wpcf7-list-item{margin-left:0;margin-right:1em}

.wpcf7-form.sent :not(.wpcf7-response-output) {  display: none;}
.wpcf7 form.sent .wpcf7-response-output{border-style: none;  font-size: 1.8rem;}

input[type='submit']{width:100%;padding:5px 10px;font-size:1.6rem;font-weight:bold;background-color: var(--logo-color);
  color: #fff;appearance: none;  border-style: none;}
input[type='submit']:hover{background-color: #d30;}


/* gmoパーツ */
.gmoGroupSecurity{margin-bottom: 40px;}
.gmo_siteseals{margin-bottom: 40px;}
.gmo_siteseals .gmo_siteseal{display:inline-block;margin-right: 10px;}





@media screen and (max-width:1099px) { 
.cont{padding:0px;}

}

@media screen and (max-width:810px) { 
.lay_overlap .top_cnspt_bx_inner{width:85%}

}

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

header nav ul{background-size: 20% 100%;}
header nav ul a{border-radius:0px}
header nav li.lnk_userpage {margin-left: unset;margin-top: 20px;}
header nav ul.sub-menu{margin-bottom:0px}
header#site-header{display:block;margin-bottom: 0;padding-bottom: 0;}
.home .topfeature{margin: 0 10px;}
.home .topfeature .feature_thm{max-width: 30%;}
.home .top_image .topcpy a.btn{padding: 8px 10px;}

header nav .menu-item-has-children > a::after{content:"▼";margin-left:1em}

header#site-header h1 img{max-width: 100%;}
header nav li:not(.lnk_userpage).current a{border-style:none;}
header nav li:not(.lnk_userpage) a:hover{border-style:none;}
header nav ul.mainmenu{padding: 20px 0;}
header nav ul a{display: inline-block;}

footer#site-footer .ftlogo {  text-align: unset;}

}




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

.home .top_cont .top_cont_box{}
 .home .top_cont .top_news{width:100%}
.home .top_image .topcpy{top: 5%;width: 45%;}
.home .top_image .disc{position: static;color: #000;text-shadow: unset;font-weight: normal;text-align: center;}



.lay_overlap .top_cnspt_bx_inner{flex-direction: column;}

.top_concept .lay_overlap .top_cnspt_img{width:100%}
.top_concept .lay_overlap .top_cnspt_txt{width: 90%;margin-top: -30%;}
.top_concept .top_cnspt_txt.lay_left,.top_concept .top_cnspt_txt.lay_right{margin-right:unset;margin-left:unset}
.top_concept .top_cnspt_img.lay_left,.top_concept .top_cnspt_img.lay_right{margin-right:unset;margin-left:unset}

.home .gmoird_txt{padding: 5%;}
.top_news .info_posts .post_item{display: block;}
.top_news .info_date{line-height: 2;}

.page-contact-us .entry-content {  display: block;}


}

@media screen and (max-width:479px) { 
.container.type-post .cont {display: block;}
header#site-header h1{min-width: 80%;}
.home .topfeature .feature_thm{display:none;}

}

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

.lay_overlap .top_cnspt_bx_inner{display: block;width: 100%;}
.top_concept .top_cnspt_txt.lay_left,.top_concept .top_cnspt_txt.lay_right{margin:10px auto;}
}